Results 1 to 8 of 8

Thread: Blending Image Slide Show

  1. #1
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default Blending Image Slide Show

    The Image Slideshow found here: http://dynamicdrive.com/dynamicindex14/image4.htm

    I have used this before and I really like it. I have come to use it again, only this time I have more images. Not a problem as the script can handle it easily, but the problem is my images are a lot of different sizes.

    If I make the window large enough to view the largest pic the smaller one get stretched and basically unviewable. Likewise If I set it to view the majority size the lage ones get "smooshed".

    Is there something I can add to the script that will take the image size and automatically resize the view window to fit each pic?

    If not, is there something else I can do/use? If it is another slideshow script I would need it to include captions for the pics that rotate with the pics like this one does.

    Thanks!

    ~BLiZZ
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    You should use http://www.twey.co.uk/files/slide.html instead of that script. Mine actually works in multiple browsers.

    It may even work with different image sizes -- I can't remember how I did it. If not, I'll rewrite a bit of it for you.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Thanks Twey, I am looking now...

    Comparing the two, I know you made some changes in the script somewhere, but I don't see where...

    Should I just copy your source and paste it over mine and see what happens, then post back with any problems? Or is there an easier way? LOL

    ~BLiZZ

    Edit.... that is what I just did. The copy and paste thing. It works better, but the window was that small square that fit your lightbulb pic. I changed this line:

    Code:
    <a href="javascript:gotoshow()"><img src="bs00847a.gif" id="slide" border="0" style="width:97;height:100;" alt="A clock" title="A clock" />
    to say width:100%;height:50%

    It is a little better now, but it doesn't resize to fit the pics, so my larger ones are still being smooshed and the smaller ones still being stretched.
    Last edited by BLiZZaRD; 06-05-2006 at 05:06 PM.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  4. #4
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by Twey
    If not, I'll rewrite a bit of it for you.
    This would be AWESOME! I tried my self and just keep screwing up, LOL.

    Thanks Twey!

    ~BLiZZ
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    I pretty much rewrote the whole thing, except the bits in the header.
    Replace:
    Code:
      newImage.style.width = oldImage.style.width;
      newImage.style.height = oldImage.style.height;
    With:
    Code:
      newImage.style.width = imgwidths[whichimage];
      newImage.style.height = imgheights[whichimage];
    Add two more arrays, called imgwidths and imgheights, with the widths and heights of the images, respectively. Remember to include the unit!
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Thanks Twey! Working on that now!

    by include units I am measuring in pixels... so do I need to write:

    new Array("256px",....

    or what isthe unit ID for pixels?

    ~BLiZZ
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    That's right.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Awesome! Thanks again Twey! I am half way done now.. will let you know how it looks when I am done!

    ~BLiZZ


    <EDIT> It looks and works perfect! Thank you so very very much Twey!</EDIT>
    Last edited by BLiZZaRD; 06-05-2006 at 10:27 PM.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •