How to Get HTML5 Slideshow to Shrink in Fluid Grid Layout?

-

i able insert images in fluid grid layour div tag , shrinks according platform on viewed.

but trying have same result slideshow. used createjs convert slideshow flash html5.

the problem won't shrink.

here url.

http://savcp.com/index-fluid-01.html

responsive layouts require responsive slideshows. 

cycle2 responsive.  copy & paste new, blank document.

 

<!doctype html> <html> <head> <meta charset="utf-8"> <title>html5 cycle2</title>  <!--helpf older ie browsers--> <!--[if lt ie 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->  <!--latest jquery core library--> <script src="http://code.jquery.com/jquery-latest.min.js"> </script>  <!--cycle2 slideshow plugin--> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>  <style> /**slideshow**/ .cycle-slideshow { max-width:90%; margin: 0 auto; text-align: center; } .cycle-slideshow img {max-width:100%}  /* prev / next links */ .cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; } .cycle-prev { left: 0; background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat; } .cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat; } .cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) } /**end slideshow styles**/ </style> </head> <body>  <!--begin slideshow--> <div class="cycle-slideshow"      data-cycle-fx=scrollhorz     > <!-- prev/next links --> <div class="cycle-prev"></div> <div class="cycle-next"></div> <!--insert images below--> <img src="http://jquery.malsup.com/cycle2/images/p1.jpg"> <img src="http://jquery.malsup.com/cycle2/images/p2.jpg"> <img src="http://jquery.malsup.com/cycle2/images/p3.jpg"> <img src="http://jquery.malsup.com/cycle2/images/p4.jpg"> <p>mouse on image previous / next links</p> </div><!--end slideshow-->  </body> </html>

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

how to devide a circle into equal parts

-
how devide circle equal parts reggie,   depending on version, may able use free divide (length) script available here, setting number,   http://park12.wakwak.com/~shp/lc/et/en_aics_script.html   or may (smart guides friends):   1) use polar grid tool right size of circle, 0 concentric dividers , desired number of radial dividers, , ungroup; 2) extend radial dividers; 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway.   or may (smart guides friends):   1) create vertical line through top , bottom (or left , right) anchor points line tool; 2) rotate copies @ relevant angles (to half number of cuts division); 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway. More discussions in Illustrator adobe
Read more

"Could not fill because there are not enough opaque source pixels" - not solved by any other thread

-
i'm getting error posted in thread's title , have no idea why.  working image not transparent in way. 100% opacity.  in fact, doesn't matter work with, every time try fill selection on layer in doc, error.  ideas???  thanks   scott probably see screen shot of photoshop layers panel open. at point guess can make wrong layer selected, once see screen, else may pop out @ me, or else reading thread. More discussions in Photoshop for Beginners adobe
Read more

Why can't I change the billing info for my account?

-
hi all,   about 3 weeks ago issued new corporate cc number. have been trying since find way update in website. everytime try load billing info message 'there has been error on our side, please try again later.' has been happening weeks now. decided, if they're not going fix it, i'll call support.   i reported bug support, no response.   i called support , sat on hold update cc. hung on when should have been answered. happened twice (i'm persistent).   i registered call-back. got call-back, , told needed go person. got warm transfer because of above problem.   this person told me needed talk yet different team, , schedule call me in 1-2 hours.   it has been on week, maybe week , half since supposed receive call-back, , ticket updated yesterday; they've tried reach me no success (yeah, right), them do? left note: call me @ number within next 4 hours, , can settle this. guess got pacific time support team, because called 16 hours later (i'm gmt, way; company u...
Read more