[Javascript Fancybox gallery] HELP with resizing large thumbnail image

Discussion in 'HTML & Website Design' started by visualju, Jan 31, 2012.

  1. #1
    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?! :confused:

    HELP!
     
    visualju, Jan 31, 2012 IP
  2. aidanriley

    aidanriley Banned

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    51
    #2
    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.
     
    aidanriley, Jan 31, 2012 IP
  3. visualju

    visualju Member

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    33
    #3
    visualju, Jan 31, 2012 IP
  4. aidanriley

    aidanriley Banned

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    51
    #4
    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).
     
    aidanriley, Jan 31, 2012 IP
  5. visualju

    visualju Member

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    33
    #5
    ^ hmm, just tried that, though no luck :( thanks for the suggestion though!
     
    visualju, Jan 31, 2012 IP
  6. visualju

    visualju Member

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    33
    #6
    Any other JavaScript whizkids out there?
     
    visualju, Jan 31, 2012 IP
  7. visualju

    visualju Member

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    33
    #7
    *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!
     
    visualju, Feb 1, 2012 IP