Reply To: Slideshow

• sleepydada

• July 25, 2013 at 5:20 am

SO, I changed my code to this;

<div id="slide-window">
	<?php if(get_field('gallery')): ?>
    
		<div class="slidemargin">
			
		<a href="#" id="close"><img src="http://localhost:8888/underdonk/wp-content/themes/underdonk/images/close.jpg" /></a>         
        <ul id="slider">
               
               <?php while(has_sub_field('gallery')): ?>
               
        <li><div class="slide-image"><img src="<?php the_sub_field('image'); ?>"alt=""/></div>, <div class="slide-info"><?php the_sub_field('title'); ?></div></li>

       			<?php endwhile;?>
               
        </ul>
        <a id="prev" href="#"><img src="http://localhost:8888/underdonk/wp-content/themes/underdonk/images/prev.jpg" /></a>
		<a id="next" href="#"><img src="http://localhost:8888/underdonk/wp-content/themes/underdonk/images/next.jpg" /></a>
		</div><!--.slidemargin -->
		
		<?php endif; ?>
</div><!--#slide-window -->

And now the images pop up, but they are overlapped on each other, and when I click the next or prev button nothing happens. This is my java code in case;

 $bx('#prev').click(function(){
    slider.goToPreviousSlide();
    return false;
  });

  $bx('#next').click(function(){
    slider.goToNextSlide();
    return false;
  });