Results 1 to 5 of 5

Thread: my picture keep getting cut

  1. #1
    Join Date
    Aug 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default my picture keep getting cut

    ------------

    Script: DD fade-in slideshow
    http://www.dynamicdrive.com/dynamici...nslideshow.htm

    I tried the fade-in slideshow. It could work but the problem is my pictures keep getting cut. So, instead of the whole picture, only a corner of it showed up. How do i fix it? I've tried re-sizing my picture and still couldn't work.

    -------------

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Have you set these two variables correctly?
    Code:
    var slideshow_width='140px' //SET IMAGE WIDTH
    var slideshow_height='225px' //SET IMAGE HEIGHT
    If so, and you are still having that problem:

    PLEASE: Include the URL to your problematic webpage that you want help with.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default can i change the dimension of the pictures?

    Is there anyway i can put the whole picture in instead of having to resize it (width and height)? And also how do i get rid of the link in my pictures?

    My blog is http://lindatjoa.blogspot.com/
    The pictures are in the bottom right corner.

    Thank you..

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    OK, here is the relevant part of the code:
    Code:
    var slideshow_width='140px' //SET IMAGE WIDTH
    var slideshow_height='225px' //SET IMAGE HEIGHT
    var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
    
    var fadeimages=new Array()
    //SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
    fadeimages[0]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong002.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/5d8f759a.jpg", "http://www.google.com", ""] //image with link syntax
    fadeimages[2]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong016.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
    To get rid of the links:
    Code:
    var slideshow_width='140px' //SET IMAGE WIDTH
    var slideshow_height='225px' //SET IMAGE HEIGHT
    var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
    
    var fadeimages=new Array()
    //SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
    fadeimages[0]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong002.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/5d8f759a.jpg", "", ""] //plain image syntax
    fadeimages[2]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong016.jpg", "", ""] //plain image syntax
    To display the whole image(s) without resizing, we need to adjust the 'slideshow_width' and 'slideshow_height' variables, this will make the slideshow take up a great deal more space on the page but, only because bong002.jpg is so huge (1184x918 pixels). If we instead resize it to be in line with the size of the other two images, it will be 256x198 pixels. We will now have three images:

    bong002.jpg 256x198
    5d8f759a.jpg 256x228
    bong016.jpg 256x192

    Not ideal for a slideshow but workable, giving us this for our code:
    Code:
    var slideshow_width='256px' //SET IMAGE WIDTH
    var slideshow_height='228px' //SET IMAGE HEIGHT
    var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
    
    var fadeimages=new Array()
    //SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
    fadeimages[0]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong002.jpg", "", ""] //plain image syntax
    fadeimages[1]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/5d8f759a.jpg", "", ""] //plain image syntax
    fadeimages[2]=["http://i6.photobucket.com/albums/y226/linda_tjo4/me/bong016.jpg", "", ""] //plain image syntax
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Aug 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yay..... it's fine now... u're great!! love ya..

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
  •