-
1. Re: What is the best software program to use to create or embed a slideshow into Dreamweaver CS6?
Mike M Jul 11, 2013 10:26 PM (in response to Noradc)Keynote tells me you're on a Mac. Usually if I want to do what you're describing, I do the presentation in PowerPoint and then run it through Captivate to make an SWF file. While Powerpoint IS available for Mac... Captivate is strictly Windows. On top of that, because Flash doesn't work with smartphones, I'm really trying to avoid integrating it in pages unless it can't be done.
Fancybox does "slideshow" or image gallery display, but it adds mousewheel functionality and is customizable with CSS.
-
2. Re: What is the best software program to use to create or embed a slideshow into Dreamweaver CS6?
Nancy O. Jul 14, 2013 11:22 AM (in response to Noradc)Look at Cycle2 -- a jQuery plugin.
http://jquery.malsup.com/cycle2/
This quick example has prev / next buttons. Simply replace the default images with your own.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5 with Cycle2</title> <!--helpf for 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 STYLES**/ .cycle-slideshow { width: 400px; margin: 0 auto; text-align: center; } .cycle-slideshow img { width: 400px } /* 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 your 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 over image for previous / next links</p> </div><!--end slideshow--> </body> </html>Nancy O.
-
3. Re: What is the best software program to use to create or embed a slideshow into Dreamweaver CS6?
Noradc Jul 14, 2013 8:20 PM (in response to Nancy O.)Thank you. The information that you gave is exactly what I have been looking for to design my home page.



