How can I recreate this slider? Options

[hannahsmith79]

I want my images to scroll on a webpage just like this: http://www.emilysoto.com/

What is the code I will need to use?

Sorry, I am very new to all this.

Hannah

[Darin McGrew]

It doesn't scroll for me (even after I temporarily whitelist the site), but apparently it uses something called Format:
http://format.com/l/your_new_portfolio#horizon-left

[pandy]

Sure they do, if you grab the scroll bar.

Is it that the images are scollable with the mouse wheel you are after? Beacuse except that it can be done very basic. Just line the images up and see to it that they don't wrap.

CODE

#images  { white-space: nowrap;
          margin-top: 8em  }
p       { width: 8em;
          position: fixed; top: 6em; left: 3em;
          background: lightblue; opacity: 0.9 }

HTML

<p>
Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<div id="images">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
<img src="http://htmlhelp.com/icon/wdglogo.gif">
</div>

</body>
</html>