Hi peeps I'm sure this is easy for someone but I'm just a html/css intermediate. I want to display the large image BIGGER as currently it is pretty small. See here: http://themedemo.indonez.com/Mixel/#gallery I tried looking under the 'fancy_outer' id, but it doesn't display any pixel dimensions. I looked at the jquery.fancybox-1.2.6 pack.js file, but it's just a whole bunch of code?! HELP!
Do you mean the one that's in the slideshow? Where you edit it is in the stylesheet style.css, this part: /* Slideshow ------------------------------------------------------*/ #slideshow-container{ width:805px; margin:0px auto; } #slideshow{ width:493px; height:347px; margin:150px 0px 0px -116px; background-image:url(../images/slide-monitor.png); background-repeat:no-repeat; position:fixed; z-index:80; float:left; Code (markup): However you will run into some problems because the monitor image that is used as the background(http://themedemo.indonez.com/Mixel/images/slide-monitor.png) is only 493px × 347px.
^ no, sorry, i meant the 6 images in the gallery: http://themedemo.indonez.com/Mixel/#gallery when you click on one of them, it enlarges that image - i want that enlarged image to be about twice the size
Oh, sorry. I think I've found it but I'm not sure. in /js/jfunctions.js Line 48 },400, function () { Code (markup): I think that 400 is the size of the big image. Try making it 800 or something. (I could be completely wrong too).
*solved* silly me, the script detects the size of the image, so all i had to do was resize it in photoshop and it would automatically adjust when published *slap on forehead!