Page 1 of 2 12 LastLast
Results 1 to 10 of 20

Thread: [JS] Slideshow Script

  1. #1
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default [JS] Slideshow Script

    1) CODE TITLE: Slideshow Script

    2) AUTHOR NAME/NOTES: magicyte (aka 'Chris')

    3) DESCRIPTION: Freelance made by myself for a symphony's website. The site is still under construction. It has a Back link, Next link, and Pause/Play link. The images have links to websites. This was originally made for displaying concert images.

    4) URL TO CODE: slideshowScript.zip

    The description speaks for itself.
    Last edited by magicyte; 12-22-2008 at 09:47 PM.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Your coding is very unusual. Usually someone would have a function that adds opacity to the image instead of you doing it manually. Also why are you calling it js/css, it should be just js I think.
    Jeremy | jfein.net

  3. #3
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    Usually someone would have a function that adds opacity to the image instead of you doing it manually.
    What do you mean?

    -magicyte

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The fading effect is very "bumpy". jQuery would do this a lot better.

  5. #5
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    Yes- I do agree that it is bumpy. When I tried to make the fading effect smooth, in FF, it just went through the fading instantly so it just stayed opaque throughout the whole thing. I don't know why it won't work, though... However, it did work in IE when I made it smooth. Any who, if you want a smooth fading effect, you can increase the fading in the 'fade()' function.

    -magicyte

  6. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I didn't look at the script code since JavaScript is not my thing, but maybe you could use jQuery for the effect?

    Edit: Or wait for Nile to explain his suggestion

  7. #7
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    I could use jQuery, but I'd rather not for the moment. I would if I figure I can't do this on my own w/out jQuery. If I can recreate something alike to jQuery, I just use that. If I can't, I guess I'll have to use jQuery.

    -magicyte

  8. #8
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by Snookerman View Post
    I didn't look at the script code since JavaScript is not my thing, but maybe you could use jQuery for the effect?

    Edit: Or wait for Nile to explain his suggestion
    Usually a fade would be something like:
    Code:
    var i=0;
    i+=1;
    But your doing:
    Code:
    var i = 0;
    i = 20;
    i = 50;
    i = 90;
    i = 100;
    Take a look at this in Firefox(doesn't work in IE):
    http://niler.net/examples/gallery/
    (Made by: Nile, thetestingsite)
    It scrolls smoothly. Look at the source.
    And it increases a variable.
    Jeremy | jfein.net

  9. #9
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    I tried that (that being the variable incrementor), but for some reason it hadn't worked! I didn't understand why... There was no error flagged, but it wasn't fading correctly. Any idea how this could have happened?

    -- BTW, it does work in IE (8, that is)

    -magicyte
    Last edited by magicyte; 12-21-2008 at 01:52 AM.

  10. #10
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Post the code that you were trying(I suggest in a helping topic, don't post it here).
    Jeremy | jfein.net

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
  •