jquery - Cycle 2 "Next" Button Not Working -
i attempting create website cycles through list of pictures. working correctly, "next" , "previous" buttons seem hiding underneath <div>
contains photos. why isn't z-index
correcting issue? (see 2 marked lines)
<?php error_reporting( e_all ); ?> <!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.com/jquery.cycle2.js"></script> <script src="http://malsup.github.io/jquery.cycle2.center.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> body{ background-color: black; } </style> </head> <body> <div class="cycle-slideshow" data-cycle-loader="wait" data-cycle-fx="fade" data-cycle-timeout="0" data-cycle-prev=".prevcontrol" data-cycle-next=".nextcontrol" data-cycle-center-vert=true data-cycle-center-horz=true <!--***** z-index <div> pictures *****--> style="margin-top:-2%; margin-bottom: -3%; z-index: 1;"> <div class="cycle-prev"></div> <div class="cycle-next"></div> <img src="pictures/addison dunne portfolio.jpg" width="75%" height="75%"> <img src="pictures/addison dunne portfolio10.jpg" width="75%" height="75%"> <img src="pictures/addison dunne portfolio11.jpg" width="75%" height="75%"> </div> <!--***** z-index <div> prev/next buttons*****--> <div align=center style="z-index: 2;"> <span class="prevcontrol" style="font-size: 35px;"><span style="color:gray"><<</span>     </span> <span class="nextcontrol" style="font-size: 35px;"> <span style="color:gray">>></span></span> </div> </body> </html>
note: here website attempting work with: http://kdrdetroit.com/addisondunne/index.php
Comments
Post a Comment