Insert a Slide show in Dreamweaver (Was: Slide show)

How do i put a slide show in DW5....Please

I like jQuery Fancybox2. Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
    float: left;
    width: 180px;
    height: 12.5em;
    margin: 10px 0 0 20px;
    padding: 10px;
    border: 1px solid silver;
    /**rounded borders**/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    /**this styles caption text**/
    font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
    color: #666;
    text-align: center;
/**recommend using same size images**/
#thumbs img {
    width: 160px; /**adjust width to thumbnail**/
    height: 120px; /**adjust height to thumbnail**/
    margin-bottom: 1.5em;
    opacity: 0.75;
#thumbs img:hover { opacity: 1.0 }
/**float clearing**/
#thumbs:after {
    content: ".";
    clear: left;
    font-size: 0px;
    line-height: 0;
    display: block;
    visibility: hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<div id="thumbs"> <p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1 </p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2 </p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3 </p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4 </p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5 </p>
</div>

<script>
$(document).ready(function() {
    $('.fancybox').fancybox();
</script>
</body>
</html>
Nancy O.

Similar Messages

Can any one out there tell me how to insert a zoom tool into my slide show in dreamweaver CS5.5

Hi there
Can any one out there tell me how to insert a zoom tool into my slide show in dreamweaver CS5.5
My slide show consists of lots of thumb nails of paintings under a large painting.
When the small painting thumb nail is clicked the large painting appears.
I would like to be able to enlarge all areas of the large painting when a zoom tool is placed over areas of the large painting.
Really appreciate any one help.

Here's the Dreamweaver forum...
http://forums.adobe.com/community/dreamweaver/dreamweaver_general

I want to insert a online journal into a keynote slide show. How do I do this?

I want to insert a online journal into a keynote slide show. How do I do it?

what do you mean by an online journal (a periodical )?
create a link to the website and it will display on screen

Create a slide show in Dreamweaver?

How do you create a slide show in Dreamweaver? If you have a group of pictures do you pull the pictures into Flash and then use a wizard? Please any help to get me started in the right direction would help.
Thanks,
Pat

Hi
To get you started, try one of these extensions for dreamweaver - http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=slideshow&search_exchange=3&se arch_category=-1&search_license=&search_rating=&search_platform=0&search_pubdate=&num=25&s tartnum=1&event=search&sticky=true&sort=0&rnav_dummy_tmpfield=&Submit=.
My personal preference if you have flash pro or lightroom is slideshow pro - http://slideshowpro.net/.
PZ

CP7 Rollover images Show up every OTHER slide

I am using CP7 and I have a number of graphics on slide 1 that I have defined to have a 'rest of project' timing. I have made multiple groups of graphics on slide 1 and I have made them to NOT be 'visible in output' this way, when I need them, I can use advanced actions to hide/show them (by group name) when I need them for subsequent slides. I am using slide 1 for this instead of the master slide because I need to define the stacking of graphics fairly specifically (slide 3 and further have some graphics that need to be in front of some things and behind some other things).
The set up is that I have a smart shape with a graphic and I am using it as a button on slide 1 (NOT visible in output and lasts for rest of project). Overlayed over top of my smart shape/button is a rollover image. The two objects work just like a rollover button you would see on the web. There is an advanced action that opens the group that the button is a part of and a few other graphic groups that I need to make it look good. When you click the button, there is another advanced action that is supposed to hide the group that both of those graphics are in, plus the other graphics that make it look good, and then go to the next slide. There is an advanced action on the next slide OnEnter that shows the what is needed for the beginning of the next slide.
So, here's the problem. When I click my button, everything disappears and goes to the next slide EXCEPT the rollover graphic, which stays on the screen and on top of all other graphics in slide 2. The SAME EXACT advanced action is used on slide 2 to go to slide 3 (with the same exact button because they are all really on slide 1 the whole time and just being made visible or invisible). When I click, I go to slide 3 and the rollover graphic is gone. I click the button again (to go to slide 4) and I go to slide 4 but the rollover graphic is BACK AGAIN!
I know that this is a complicated write-up, and I am going to go start from scratch to see if I can replicate the problem with a stripped down version of the advanced actions in a new file, but I am hoping someone can point me in the right direction about what is going on. I have deleted and re-inserted the rollover image, but it still does the same thing. I have re-coded the advanced action and it still does it. I have copied rollover images that DONT have this weird glitch and it still does it.
Anyone have any ideas?

I found a 'workaround' to this problem, but I would still like to know what is going on underneath to make this happen. Since I have all the rollover graphics on the first slide with timing or 'rest of project' I just made an animated button in Flash and imported it as a .swf to replace the rollover image. I changed the smart shape underneath from having the image of the button to being transparent (still have it being used as a button with all the same advanced actions as before). Now the swf handles the rollover and the transparent smart button underneath handles the OnClick action and everything works great.
Not sure what was going on with the rollover images, but at least I was able to get the result I needed.

Help: Slide background showing up on other slides.

I'm using Captivate 6 and I've encountered the following issue with most projects I work on. I've recorded from a software application, and when I publish my project, portions of slide background from some slides show up on other slides. I can't incude a full screenshot due to the proprietary nature of the software I'm working with, but I've included a snippet to give you an idea. The white portion on the left that says "Breath Sounds" is not supposed to be there. That is from a different slide and in a different place. This only shows in the published version, not in preview mode. I've tried increasing the SWF size and quality to high and compressing full motion. The only work-around I've had success with so far is hiding all the objects on a slide and then capturing a screenshot of it, then adding the screenshot to the slide as an image, and applying the objects back on top of it. As you can imagine, this makes the size of the project much bigger than necessary and it is very time intensive to go out and do this for every slide. I've tried adding the screenshot as background and I run in to the same issue. Has anyone run in to this before and know how to fix it?
Thanks, Brandey

I did not select that option, but I will give that a try. I did create a second version of the project to use to troubleshoot the issues because I was able to finish the first version using the workaround I mentioned above. When I published the new version (without the added screenshot images), I turned off compression and the issue was resolved so that must be it. Thanks to both of you for your help!!

Captivate 4 does not show imported PPT animated slide in Branching View

Hi Captivate Users & Gurus,
I've imported an animated PowerPoint slide into a Captivate 4 project. There are 9 slides altogether in the project and the imported slide is number 3. My issue is that once the project plays (in Preview) it only goes from Slide 1 -> Slide 2 automatically. (It's set to show for a specific amount of time)
The problem is, after the time period it should move automatically to the next slide, however It won't proceed to Slide 3 UNLESS I put a "next button in for the user to click on.
The Branching View shows Slide 1 and Slide 2... but Slides 3-9 don't show up at all. (I've attached an image of the Branching View) If I add "next" buttons to those slides then they show up in the Branching View, but ideally we want for the project to play without having the user click to move forward.
In the TOC, all the slides are recognized just fine - any idea why Captivate can't link these slides up to continue automatically? Does the imported animated PPT need to be tweaked somehow for Captivate to see it?
Any help would be greatly, greatly appreciated - it's basically driving me nuts!
Thanks in advance,
Aarti

Hi Kerry,
I think the earlier issue in this thread: http://forums.adobe.com/message/1944947#1944947 may solve this problem as well.
I think I was doing it backwards by setting the time on the slide properties rather than the object properties (video or otherwise). Once I implemented your suggestion for the thread mentioned above the Branching View now shows all 9 slides! Which is a huge step up from what I was seeing earlier.
*testing now*
I just tested to see whether the project plays through from Slide 1 -> video slide -> animated PPT -> Next slide in course without having to use next buttons and it played through perfectly. I may just set the next button to show up after the video plays/ animated ppt plays so the slides are consistent visually.
Thanks once again!

How to make slide images with Dreamweaver CS6?

How to make slide images with Dreamweaver CS6? Please teach me.

Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter

How do I get the student's answers to show on the next slide for drag and drop interaction?

I'm working with Captivate 7 on a computer running Windows 8.
I created a simple, one-to-one drag and drop activity using the Drag and Drop Wizard.
I want the student's answers to show on the next slide. Specifically, I want the drop source to show with the drag target that the student connected to the drag source. This way the student can review his/her answers while the program discusses the correct answers.
Is there anyway to do this?

* You see the orange (on Linux gray) Firefox button if the Menu Bar is hidden (View > Toolbars > Customize or right-click a toolbar).
* If you need to access the hidden Menu bar then press F10 or hold down the Alt key to make the Menu Bar appear temporarily.

Q. 2: Powerpoint for Mac 2011 Version 1 How do I get PRESENTER VIEW to work so I can see my notes and the audience only sees the slide show? Currently PRESENTER VIEW shows up on the flatscreen and my laptop shows only the slide show....?!

Q. 2: Powerpoint for Mac 2011 Version 1 How do I get PRESENTER VIEW to work so I can see my notes and the audience only sees the slide show? Currently PRESENTER VIEW shows up on the flatscreen and my laptop shows only the slide show....?!

As PowerPoint it a Microsoft product, you may find that you get better answers to your question on their PowerPoint forums.
Best of luck.

Objects automatically showing up on subsequent slides

I have a group of smart shapes on Slide 5. Now, any slide I add after Slide 5 shows those buttons, almost like they're part of the slide background. I can't select or delete them on those subsequent slides. If I add a slide before Slide 5, they're not there, but any after Slide 5 - there they are, no matter what master slide I use. I tried restarting Captivate and it didn't fix it. What is happening?!

I am using Hide and Show to make a toggle effect. I copied everything over to a new show and redid all the actions and that weird persistence issue is resolved, but the hide/show actions aren't working as expected. I actually had this problem in another project, too. I have size buttons, and every other one won't do the toggl. I have the same actions happening on all of them. Here is a screencast of the behavior:
http://screencast.com/t/4ykSJHDY
This is the Action I'm using to turn on the caption and change the color of the active button:
And this is the action to toggle the caption OFF
I double checked the names of my buttons and the actions. As I mentioned, in another project where I had multiple toggles on one slide like this, the same thing happened where every other one wasn't working. Any ideas?

Any way to show more than two slides at a time on the secondary display?

During a presentation, is there any way to show more than two slides at a time in the secondary display? Sometimes during a presentation i have to go back to a certain slide without notice (usually no more than ten slides behind or in front of the current slide)
Thanks in advanced...

Nope. But you can jump around easily enough. Just type in the number of the slide you want (or any number, really, because you can then use the arrow keys to scroll to the correct slide), and hit return.

In elements 11, I would like to know more about slide shows. Specificly individual slide duration.

In elements 11, I would like to know more about slide shows. Specificly individual slide duration.

Donald,
There are two ways to address Still Image Duration. One is global, and applied before Import. One would determine the approximate Duration desired, go to Edit>Preferences>General>Still Duration. Then, all Stills Imported will have that Duration (as will Titles, and New Items, like Black Video).
Once that general Duration has been set, one can still, and on an Image by Image basis, click + drag on the Still Image's Head, or Tail, to adjust the Duration. When doing that, I like to have the Info Panel open and visible, to see exactly what Duration I have changed to.
Good luck,
Hunt
PS - I think that you will love Steve's book.

Images are showing up in different slides

I have a project with 21 slides. When I "Preview From this Slide", the slide works fine. But, when I "Preview Project" and enter the slide, an image from Slide 16 is shown in Slide 20. This is wrong, why would Captivate move images around arbitrarily?

What about Preview in Browser or Preview in HTML Browser? Is this Captivate 8? If not, which version do you use?
Probable causes: that image is set to display for rest of project, or on the master slide. You can track the image, can you check its properties?

Show-through image at slide change

I've placed a white image on part of a slide background to
cover up part of the original image, and then embedded the white
image into the background. It seems to be fine while I'm in edit
mode. I've done this with several slides. When I run the movie,
however, in some cases a bit of the old background (one or two
rectangular portions) will appear very briefly when the slides
change. Thus when the movie runs, one sees a second or two of dark
areas on the white background. I'm desperately in need of a
solution.
Thanks!

Hi katwebwitch
Nice handle by the way. You might want to try the following:
Create a new blank slide after one of your dodgy slides
Copy Background from dodgy slide and paste as backgrounf to
new slide
Use CTRL A to select all objects on dodgy slide and
copy/paste to new slide
Delete dodgy slide
Rinse & repeat for all dodgies
Please let me know if this works for you!
Andrew

Insert a Slide show in Dreamweaver (Was: Slide show)

Similar Messages

Maybe you are looking for