javascript - Two image slider -


i'm working on creating carousel. need make have 2 images side side. when click on right arrow switch them, need right image go left, , new 1 take place of right image. when click left go backwards. don't need animations or anything. below concept image. (the carousel 100% width of page, each displayed image needs 50% wide.)

enter image description here

here have coded far.. in project i'm using bootstrap , wordpress well.

<div class="wrapper">  <ul class="dual-slider">      <li><a href="#"><img src="http://placehold.it/350x150" /></a></li>      <li><a href="#"><img src="http://placehold.it/350x150" /></a></li>      <li><a href="#"><img src="http://placehold.it/350x150" /></a></li>      <li><a href="#"><img src="http://placehold.it/350x150" /></a></li>      <li><a href="#"><img src="http://placehold.it/350x150" /></a></li>  </ul>  </div> 

http://jsfiddle.net/brandonrhino/qaxu6un1/5/ (edited link new one)

i'm new javascript , have no idea how start, if point me in right direction or me out, i'd beyond thankful!


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -