Image Scroller Without Flash?

Discussion in 'Web Design and Development' started by Joshua M, May 20, 2010.

  1. Joshua M macrumors newbie

    Joined:
    Mar 15, 2010
    #1
    I'd like to make a website that has a full width scroller like this website:

    http://www.samsonkhatae.com/

    BUT, without using Flash. Possible yet?
     
  2. jsm4182 macrumors 6502

    Joined:
    Apr 3, 2006
    Location:
    Beacon, NY
    #2
    That could easily be done with javascript. It would be pretty similar to the slider used in several places on apple.com except the slide would be on hover instead of on click.
     
  3. Joshua M thread starter macrumors newbie

    Joined:
    Mar 15, 2010
    #3
    Yes! That would work. I do not know js very well. Know of any tutorials or free GNU licensed scripts to get started?
     
  4. brisbaneguy29 macrumors 6502

    brisbaneguy29

    Joined:
    Nov 27, 2007
    Location:
    Brisbane
    #4
    The best thing to use is jquery and some javascript. Just google jquery image scroller. You will find a heap of them, and most are very easy to install and get going.

    The jquery library is excellent, and you can do a lot of things that previously required flash.
     
  5. Joshua M thread starter macrumors newbie

    Joined:
    Mar 15, 2010
    #5
    Thank you guys. I'll do some research tonight :)
     
  6. 7on macrumors 601

    7on

    Joined:
    Nov 9, 2003
    Location:
    Dress Rosa
    #6
    I built one of these recently for a guy wanting to do this in Wordpress.

    HTML:
    $(function(){
    	$('#content').wrapInner('<table cellspacing="0" cellpadding="0" border="0"><tr>');
    	$('#content img').wrap('<td>');
    });
    Then all the images rest in a #content div and you're done.

    HTML:
    .home #content img{float:left;height:400px;margin:0 5px}
    #content{width:100%;margin-top:290px;display:inline-block}
    Didn't write anything for jumping around, but that should be simple enough.
     

Share This Page