Creating Spry slideshow

I have the following on my page:
- A Spry table populated with data from an XML file and
repeating for each record in the XML file
- The TR's in the table are linked to change a dynamic image
that loads in a DIV on the right
This works fine but I want there to be a transition on the
images when the link is clicked in the Spry table. I have played
around with Spry Effects and they work fine on things that are
already on the page, but what about when you are loading images
after clicking links and you want them to fade in on load.
Using Dreamweaver, how can this be done? Is it a case of
hand-coding as I can't see how to do it using commands etc. in
Design view.
Cheers,
oobie

"DC_Eric" <[email protected]> wrote in message
news:f1nsp7$21n$[email protected]..
>I am having the same issue. I seen the demo too however
there are no
> "Instructions" on how to achieve this effect. It seems
you have to
> reverse
> engineer the page to try to figure out how they did it.
I have also
> noticed
> that the code on the spry demo pages is different than
the code that
> my Dw CS3
> creates
Hi Eric,
I can't offer a free slideshow, but in terms of a totally
automated
solution for Dreamweaver CS3 (or earlier versions), Slide
Show Magic has
been very well received. You can read through the features
here:
http://www.projectseven.com/products/galleries/ssm/index.htm
And see the live demos here:
http://www.projectseven.com/products/galleries/ssm/ssm_03.htm
The leftmost icon on the toolbar will reveal menu choices
linking to all
demos.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Similar Messages

I have created a slideshow using i Photo. How do I burn it to disc so that I can play it on my DVD?

I have created a slideshow using i Photo.
How do I burn it to disc to play on a DVD.
I cannot access i DVD.
Is this the problem?
I have exported the slideshow as a movie quick time file.
What do I do next???

If your Mac is a new one, like mine, then it comes with a version of iLife that doesn't have iDVD and if so, there isn't an easy way to burn a DVD from iPhoto or iMovie that will play on a normal DVD player. There is quite a bit of correspondence about this, but I couldn't find a good answer, apart from this:
https://discussions.apple.com/message/18460085#18460085
I ended up buying (via Amazon) a boxed version of iLife11, which has all the same software I already have, but with a copy of iDVD with it.
Seems to work well with iMovie, but at the moment, my copy of iPhoto has crashed - see:
https://discussions.apple.com/message/18943719#18943719
Having only just transferred from a Windows machine to a Mac, it seems incredibly arrogant for Apple to think people don't use DVD players anymore.

Can I use more than one transition when creating a slideshow in IDVD

I want to use more than one transition in IDVD when creating a slideshow, is this possible?

Not so. Under Windows select Photos.
That will show the Media Browser in the lower right hand corner of iMovie.
Use the File ➙ New Project to create a new project. Select the photos from iPhoto you want to create a movie from and drag into the new project area.
From there add your transitions, music, etc.

Why can't i create a slideshow anymore?

I have been able to create umpteen slideshows in the past. Now, when I select photos, and try to create a slideshow, nothing happens. Any answers as to why I cannot create a slideshow? I am using an iMac 9,1. The iphoto is 09, version 8.1.2.

Thanks Terence, you are a genius!
I did as suggested. Created a new account, logged in, opened iphotos. No photos! Opened again by pressing alt key and selecting the correct library, and got the message that the photo library was on a locked disc. Did I want it repaired? I clicked yes, and after some considerable time, all the photos miraculously appeared.
I then tried to creat a small slideshow, and it worked. However, I could not access my itunes library from here.
Having seen that the slideshow will work from a different account, I then went back and tried from the original account again. I could not create a new slideshow here. But the slideshow i had created in the other account appeared on my list here. When I tried to play it, however, the computer hung. I could not get out of the slide show, nor could i force quit iphoto. I had to shut down and start all over.
As you say, there must be some problem with the main account.
By the way: when i logged in to the new account, the HD icon appeared on the screen. In my usual account, the HD icon (I think) used to be there, but has somehow disappeared!
Thanks for your valuable help.
Nick

How can i create a slideshow with the newest version of dreamweaver?

I am trying to figure out how to create a slideshow but i cannot find any explanations for the new version of Dreamweaver. Can anyone help?

DW doesn't make slideshows. You'll need to use a jQuery plugin or a 3rd party commercial Extension.
Do a web search for:
jQuery Cycle2
jQuery WOW Slider
jQuery Fancybox2
Primer for using jQuery Plugins
Alt-Web Design & Publishing: Primer for Using jQuery Plug-Ins
Nancy O.

How can I create a slideshow that depicts only a version of a photo rather than the original? Since the original and new versions are saved together, the aperture slideshow often choices the original rather than the desired version to display/

How can I create a slideshow that depicts only a version of a photo rather than the original? Since the original and new versions are saved together, the aperture slideshow often choices the original rather than the desired version to display.

There are two things we use the name "Slideshow" for in Aperture: a Slideshow Album, used for making Slideshows, and the Slideshow that is made. (Imho, it is a design mistake to not call the containers used to create Slideshows, Books, etc., "Albums".)
The Slideshow will use the Album Pick from any Stack. A good way to use Aperture is to promote the Image you want to regularly use (such as, for example, a Version with adjustments) to the top of the Stack. This makes it the Stack Pick, and will be the default Album Pick. If you haven't done that, you can still change the Album Pick for any Stack in a Slideshow Album. Expand your Stack(s), select the Image in each Stack that you want to be the Album Pick (and thus shown in the Slideshow), and "Stacks➞Set Album Pick". (Note the keyboard shortcut; there is also a Toolbar icon for this.) The change is immediate. The Slideshow will always show the Album Pick (or, if there is not one, the Stack Pick) for every Stack in your Slideshow Album.

How do I create a slideshow in PSE 8.0 and share it on my website using Premiere elements 7.0. I

I have created a slideshow in PSE 8.0 but how do I get it into Premiere Elements 7 to create a video I want to show in my website? Do I have to buy Premiere Elements 8.0 surely ther must be a way to pass files?

Adobe is making it difficult for people who have Photoshop Elements 8 and Premiere Elements 7.
If you also have Photoshop Elements 7, I suggest that in the future you consider making your slideshows in Photoshop Elements 7 because it of course does support transfer to Premiere Elements 7. Or you can make the entire slideshow in Premiere Elements 7.
The only option that I can identify for making a file of your PSE 8 slideshow is to do a WMV file from the PSE 8 slideshow output command.
This approach has the disadvantage of doing a compression in PSE to make the WMV file and then doing another compression in Premiere Elements 7 for whatever format you will use to upload to your website.

Text in Spry Slideshow, not working in Explorer.

Hi,
I have attempted to search for a similar topic, but am not able to find anything.
I have input the spry slideshow into my page, and it is fully functional for safari, chrome, firefox, but seems like it is only not working in IE.
The text that is supposed to be showing up to the right of the images is not showing with IE.
I had read a couple things on opacity, or such but am not sure if it applies to the text as well.
www.i4homedesign.ca
This is the first time I have posted on this forum and am not sure if I need to be including anything else.
Thanks
i4homedesign.

Here is the code for the Spry Slideshow if it helps...
<link href="Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css" rel="stylesheet" type="text/css">
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script type="text/xml">

</script>
<style type="text/css">
a:link {
color: #FFF;
a:visited {
color: #CCC;
a:hover {
color: #999;
body,td,th {
font-family: "MS Serif", "New York", serif;
</style>
</HEAD>
<BODY text="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table align="center" width="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><br></td>
</tr>
<TABLE align="center" WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
    <TD ROWSPAN=2><IMG SRC="images/header_01.gif" WIDTH=22 HEIGHT=112 ALT=""></TD>
    <TD COLSPAN=3><IMG SRC="images/header_02.gif" WIDTH=959 HEIGHT=90 ALT=""></TD>
    <TD ROWSPAN=2><IMG SRC="images/header_03.gif" WIDTH=19 HEIGHT=112 ALT=""></TD>
</TR>
<TR>
    <TD><IMG SRC="images/header_04.gif" WIDTH=13 HEIGHT=22 ALT=""></TD>
    <TD><IMG SRC="images/header_05.gif" ALT="" WIDTH=929 HEIGHT=22 border="0" usemap="#Map"></TD>
    <TD><IMG SRC="images/header_06.gif" WIDTH=17 HEIGHT=22 ALT=""></TD>
</TR>
<TR>
    <TD COLSPAN=5><IMG SRC="images/header_07.gif" WIDTH=1000 HEIGHT=8 ALT=""></TD>
</TR>
</TABLE>
<table align="center" width="930" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td><br>
      <h1 align="center">SEE YOUR DREAMS BEFORE YOU BUILD</h1>
      <br>
      <div id="ImageSlideShow" align="center">
        <div class="article">
          <div class="photo"> <img src="Images/house-blueprint.jpg" width="370" height="247">
            <div class="caption">COMPREHENSIVE CONSTRUCTION DOCUMENTS</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">FULL WORKING PRINTS</div>
              <div class="subTitle">SOLID DESIGN</div>
            </div>
            <div class="content">
              <p>Framing and homebuilding experience.
                Incorporating both inspired creativity and practical design.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Home Render Image_1.png" width="1024" height="600">
            <div class="caption">LEADING EDGE 3D RENDERING</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">PHOTO REALISITC CAPABILITY</div>
              <div class="subTitle">LEADING EDGE RENDERINGS</div>
            </div>
            <div class="content">
              <p>Constantly seeking to be on the edge of new technology. Providing customers with comprehensive visualization of their home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Heyn Bathroom Thea 2 Bloom.png" width="1328" height="774">
            <div class="caption">COMPETITIVE RATES, PROMPT TIMELINES</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">COMPETITIVE RATES</div>
              <div class="subTitle">Reasonable timelines.</div>
            </div>
            <div class="content">
              <p>Providing exceptional service in every aspect of the design process of your home.</p>
            </div>
          </div>
        </div>
        <div class="article">
          <div class="photo"> <img src="Images/Thea-Image-11097.gif" width="803" height="522">
            <div class="caption">INNOVATIVE DESIGN</div>
          </div>
          <div class="story">
            <div class="banner">
              <div class="title">INNOVATIVE DESIGN</div>
              </div>
            <div class="content">
              <p>Whether you're seeking a 'Ranch' house, 'Modern' two story, or 'Arts and Craft' bungalow or other style, we provide that "Little extra".</p>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
// BeginOAWidget_Instance_2141541: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
widgetClass: "WLBSlideShow",
displayInterval: 8000,
transitionDuration: 2000
// EndOAWidget_Instance_2141541
</script>
    <br>
      <H2 align="center">PREMIERE RESIDENTIAL DRAFTING COMPANY</H2>
      <h3 style="margin-left:200">- Based in the Peace Region.<br>
        - Comprehensive design process.<br>
        - Full working prints.<BR>
        - Leading edge 3D imaging/rendering.<BR>
      </h3>
      <P align="center"> </p></td>
</tr>
</table>

How Do I Create A Slideshow in Iweb?

How do I Create a slideshow in Iweb with arrows to right and left, just like this link:
http://www.thinkfa.com/
Thanks in advance!

It's done with java script. Here is one example on this demo page: AutoViewer which is created in iPhoto with the Flash Album Exporter plugin.
Another source is Jalbum. It have over 100 skins/themes, one of which should match what you want.
OT

Thumbnail images not showing up in my Spry slideshow

Hello - Everything seems to be working in my Spry slideshow. However, my thumbnail images are not showing up in Live view or browser. The images are all in the correct folder. Here is what the script looks like:
<ul id="ImageSlideShow" title="Our Products">
        <li><a href="images/ss_penny.jpg" title="All Things Pennies"><img src="images/ss_penny_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_rides.jpg" title="Children's Kiosks"><img src="images/ss_rides_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_ireality.jpg" title="Simulators"><img src="images/ss_ireality_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_carousels.jpg" title="Carousels"><img src="images/ss_carousels_thumb.jpg" alt="" /></a></li>
        <li><a href="images/ss_candy.jpg" title="Candy Kiosks"><img src="images/ss_candy_thumb.jpg" alt="" /></a></li>
     </ul>
      <script type="text/javascript">
Is there something I'm missing?
Thank you

There is nothing wrong with the markup that you have shown, hence the problem will be located somwhere else.
Gramps

Newbie having trouble creating a Slideshow with the Animation Panel.

I know it's a much more complicated/advanced way to create a slideshow. But, I know it can be done.
I will explain exactly what I do, the steps that I take. In my own newbie opinion, I think I'm just missing a step somewhere. Maybe I'm missing two or three steps. Hopefully somebody will be able to help me.
Thank you in advance, if you do help.
1.I open the program Adobe Bridge
2. Then I select all images in a folder, then I utilize the review mode & deselect the photos I do not want to use.
3. Then I open the selected images into Photoshop. (If you haven't already figured it out, I have Adobe Photoshop CS5 Extended)
4. I clicked on Windows menu >arrange >Tile. That way all of my images are right there & ready for utilization. (At this point, none of the images have been clicked on yet.)
5. Then I open the animation panel & create a white blank background for the first frame.
Here is where I run into the problem. I know how to add extra frames, that's easy enough.
I also know that when I add the extra frame, it makes a duplicate of the previous frame.
My problem is trying to get that extra frame to reflect the next image I would like to display in this little slideshow and so on and so forth for the next, maybe 20 images.
Then what I would like to do is randomize the transitions with things like dissolve, honeycomb, fade in & fade out. With other options if there are any.
I would like to create a fancy slideshow is all.
I have read all of the help manuals, all 600+ pages. This is how far I got. I even did a search in the Adobe community. Even those articles don't quite tell you how to do this. So, I probably could have done a lot more homework. But. I'm starting to get frustrated with it.
Hopefully someone here will be able to help me with this. Thank you Obi-Wan Kenobi in advance. :-)

Thank You Thank You Thank You JJ Mack!
That was exactly what I was looking for & it worked perfectly. :-)
I have one more question if you would be so kind to help me with.
I was wondering if there was a way to add transitions, i.e. dissolve, fading in & fading out, split, reveal, random bars, vortex stuff like that.
I was also wondering if there was a random option for this.
If I have to add them in manually, that's fine with me. It would be really nice to be able to add some different transitions between frames.
Once again, thank you in advance for your help.

I've got a new iMac with Mountain Lion OS. Created a slideshow complete with music in iPhoto. Every time I try to export to iPhoto slideshow folder, it freezes. Help!

I've got a new iMac with Mountain Lion OS. Have created a slideshow complete with music in iPhoto, but every time that I try to export it to an iPhoto slideshow folder, it gets halfway through and freezes. This has been going on for a couple of days. I've tried opening iPhoto holding down the option key, but it doesn't make a difference. Any advice, please?

Upgrade to v9.4.1 or
Trash the HP Plug in from /Library/Application Support/iPhoto
There are two libraries where this plugin might be
HD/ Library
and
HD/Users/Your Name / Library
(On 10.7 or later: Hold the option (or alt) key while clicking on the Go menu in Finder to access the User Library)

I just created a slideshow dvd in imovie, and when I hit finalize it said that it would take 7 hours to finalize. I've only had my macbook pro for 6 months, and this is the first imovie I've done...is this normal? If not how can I speed up this process?

I just created a slideshow dvd in imovie, and when I hit finalize it said that it would take 7 hours to finalize. I've only had my macbook pro for 6 months, and this is the first imovie I've done...is this normal? If not how can I speed up this process? Thanks in advance for all of your help!

Hi
Time needed can depend on several things.
• less than 5 GB free space on Start-up (Mac OS) hard disk = Redicolous long times AND a DVD that most probably will not work OK
Medicine - I never go under 25GB free space
• Use of strange file formats into iDVD - can force it to de-code first then re-encode - this can take long long times
I use
Video - StreamingDV as from miniDV tape Cameras - or QuickTime Movies Converted to StreamingDV
Audio - .aiff 16-bit 48 kHz - (no .mp3, .wma etc)
• Use of old Mac - My G4 600MHz took about 24 hour per hour movie. my dG5 - about 2 hours per hour (I use Pro Quality encoding)
• Pro Quality encoding - takes about x2 to process a movie
Yours Bengt W

After creating a slideshow in iDVD and burning it to a blank DVD-R disk, can I later add another slideshow?

After creating a slideshow with my photos in iDVD and burning it to a bland DVD-R disk, can I used the unused space on the disk to add another slideshow at a later date?

Thanks!

How do i create a slideshow in fireworks cs6?

how do i create a slideshow in fireworks cs6

http://layersmagazine.com/image-slide-show-in-adobe-fireworks.html
But this method is severely outdated, and you are advised to use something like Cycle2 instead in your web pages.

Creating Spry slideshow

Similar Messages

Maybe you are looking for