Skip navigation
jansenteam123
Currently Being Moderated

Spry Slide Show-how to use one size photo for large photo and thumbnail?

May 6, 2013 12:47 PM

Tags: #java #images #spry #slideshow #thumbnails

Hi all,

I'm am using Adobe's Spry Slide Show. I can only use one size photo 640x480px for both the large photo and the thumbnail.

I changed the size of the small thumnail on the html:

                 <li><a href="Photos/TestPhoto640x480.jpg" width="490" height="367"><img src="Photos/TestPhoto640x480.jpg" width="63" height="47" alt="photos-1.jpg" /></a></li>

The thumbnail looks fine until you hit Live View or Preview in Browser then photo comes in full size and you can only see the upper left hand corner.

I assume that the java is doing this. But I have no training in Java.

How can I change the Java Code so the thumbnail comes in at 63x47px?

Many thanks.

 
Replies
  • Currently Being Moderated
    May 6, 2013 1:02 PM   in reply to jansenteam123

    Spry uses AJAX (a combination of JavaScript & CSS); not JAVA which is something totally different.

     

    You should always use scaled down versions of thumbnail images.  This must be done ahead of time in your graphics editor and saved for web as optimized .jpgs.  Thumbnail images need to be small both in dimension & filesize so they can load quickly.  This provides a nicer user experience and puts less strain on your end user's resources -- especially on mobile devices where people often pay for bandwidth usage. 

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 6, 2013 5:07 PM   in reply to jansenteam123

    Wish I could use scaled down versions of the thumbnails-but I can't.

    Why not?

        img.src = info.src;

        img.style.width =  "490px";<!--Large Photo size on internet-changed from info.width + "px"; to "490px";  *********-->

        img.style.height =  "368px";<!--Large Photo size on internet-changed from info.height + "px"; to "368px";  *******-->

    };

    You're shooting yourself in the foot with this.  It's overriding your HTML and CSS  values.

     

    As an FYI, Adobe Abandoned the Spry framework late last year.

    http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html

     

    You might want to cut your losses right now and switch to something better suited to modern web devices & browsers.

     

    jQuery Fancybox

    http://fancybox.net/

     

    20 of the best jQuery Slideshows

    http://vandelaydesign.com/blog/web-development/jquery-slideshow/

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points