Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    Aug 2010
    Posts
    413
    Thanks
    17
    Thanked 2 Times in 2 Posts

    in search of better slideshow, or tutorial

    A while back I downloaded a prepackaged script for a slideshow. Now that I've learned a bit more about javascript, maybe somebody can direct me to a better free alternative that I can work on that is similar. This one has a link on the bottom to its creator, and seems to load quite slow.

    Here's a page with the script: http://www.mergecreate.com/paintings.html

  • #2
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    you have not chosen the easiest example to learn from

    however I have written a script with similar attibutes using standard JavaScript

    see the attachment
    Attached Files Attached Files
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  • #3
    Regular Coder
    Join Date
    Aug 2010
    Posts
    413
    Thanks
    17
    Thanked 2 Times in 2 Posts
    cool! thanks! Seems to run quicker too. Still looks a little complicated for my level. haha!

    Quick question? Will this work if I put more than one slider on a page? If so, can you direct me to the right spot to edit for that? I've already created a unique div tag and applied a css style to it. The first instance works, but the new one doesn't. ( I had a hunch that'd happen anyway)

  • #4
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    see attachment
    Attached Files Attached Files
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  • #5
    Regular Coder
    Join Date
    Aug 2010
    Posts
    413
    Thanks
    17
    Thanked 2 Times in 2 Posts

    ok. I broke it.

    hmmm. I have no idea where I went wrong. I've worked three slideshows tied to Vic's above script into my project. I think the only thing I added in relation to the slideshow was to put them into <div> tags that are visible only when clicking on the relevant link (Otherwise they appeared while the page was loading) Somewhere along the way of working on this page, the thumbnail scrolling stopped working.

    here's how everything looks. There's a bunch of other scripting on there to slide the page. I don't think it's causing any trouble. I've gone line by line to see if I can find an error or tweak something to fix it.

    the source code can be seen here: http://www.mergecreate.com The three slideshows can be reached by clicking on design, paintings or illustration (it's all one file)
    Last edited by turpentyne; 09-02-2010 at 06:54 AM.

  • #6
    New Coder
    Join Date
    Aug 2010
    Location
    FL
    Posts
    35
    Thanks
    0
    Thanked 1 Time in 1 Post
    For whats its worth,

    http://codebyter.com/post.php?code&id=11

    I am already working on a newer version so stay tuned

  • #7
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    Code:
    <div id="slide3" style="display:none;">
    the display:none; can only be set after the script has been initialised

    Code:
    <script  type="text/javascript">
    /*<![CDATA[*/
    
    new zxcMousePan({
     MainID:'main3',
     MainClassName:'main',
     SlideID:'slide3',
     FrameClassName:'thumb',
     FrameActiveClassName:'thumbactive',
     Mode:'Vertical',
     Duration:2000,
     Hold:2000,
     Opacity:50
    });
    
    document.getElementById('slide3').style.display='none';
    /*]]>*/
    </script>
    also the images will need to be preloaded
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  • #8
    Regular Coder
    Join Date
    Aug 2010
    Posts
    413
    Thanks
    17
    Thanked 2 Times in 2 Posts
    hmmm.. dang. This is going to take some figuring out. Now I'm back to the slideshows appearing before the page is done loading. I've put in some preloading of images too.

  • #9
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    you cound use 'visibility' inplace of 'display'
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  • Users who have thanked vwphillips for this post:

    turpentyne (09-03-2010)

  • #10
    Regular Coder
    Join Date
    Aug 2010
    Posts
    413
    Thanks
    17
    Thanked 2 Times in 2 Posts
    Cool! I had looked into that, but I was misunderstanding how visibility worked for some reason. Everything works. Now on to loading issues. thanks!


  •  

    Posting Permissions

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