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

SQL php on different pages to Insert (mysqli) -

php - How can an email be returned from Stripe Checkout? -

sql - Partition elimination in Greenplum -