HTML Slideshow

I'm publishing a site with a slideshow of photographs. I have made a flash slideshow with slideshow pro and embedded it into one of my pages by creating a text box and editing the html code to place the slideshow inside. Some people have told me they can't see the slideshow on their office computers and only see a box with a cross in it. I suspect this is because some companies have restricted flash on their employees computers as a friend was prompted to install flash when he went to the page on his home pc using windows and IE. So now I want to make an html slideshow and link to it from the flash page. (along the lines of "if you can't see the slideshow click HERE"). I have made 22 pages each with 22 thumbnails and the large image corresponding to that page. Each thumbnail is hyperlinked to the page displaying its large image. This works but it looks a bit messy as a new page loads for every slide. Is there a way to make only the large image change when a thumbnail is clicked rather than going to a new page? Maybe using html snippets? Thanks.

Thanks. That was exactly what I was after. If only it worked in IE. I spent ages altering the code to make it look the way I wanted and it worked perfectly in Safari but not in Firefox or IE(6). I thought I might have broken it so I started again and made one change at a time while testing it in Firefox. After a few changes I sent it to a friend who said it worked in Firefox but not in IE on his windows PC. If anyone knows html and can see what's wrong the site is:
http://www.brianmckenzie.com.au/htmlgallery/htmlpictureviewer.html
Otherwise it's back to the drawing board.

Similar Messages

  • Export embedded quicktime movies to html slideshow?

    I'm trying to make an html slideshow of a keynote presentation that has embedded quicktime movies. The movies just get saved as single png images. Is there a workaround or something obvious I am overlooking?
    Since iPhoto lets you do this, I would assume it isn't impossible, but perhaps it just isn't implemented within keynote (which seems kind of backward).

    Thanks. I was afraid that was the case, but a former apple VP suggested I ask since there are many apparently undocumented features (and iPhoto/iWeb can do this, so the api exists).
    The relevent html code is actually a java script that loads an array of exported png files. Each element of the array is defined like this:
    images[2] = "mrnahh.html_files/mrnahh.003.png";
    so I tried just telling it to load a mov file instead, but it wasn't so easily fooled. It might be easier for me to make a slideshow of the png files and mov files within iWeb (which really makes messy html and javascripts that are next to impossible to hack.)
    Anyway, many thanks. I'll leave this open for now in case someone else knows a simple secret.
    The HTML export feature is great, and produces nice clean simple interfaces and web code. I hate to abandon it.

  • Fireworks CS3 -- SPRY/HTML Slideshow

    Using Windows XP Pro
    I have tried many times to get the "Player - Black
    (SPRY/HTML)" to work in Fireworks CS3 Slideshow creator.
    All of the other players work except for this one.
    However, it does work beautifully in Firefox -- just not in
    Internet Explorer (latest version).
    In IE, I get this error message:
    "Exception caught while loading slideshow.xml: [object
    Error]"
    Can anyone help?
    Thanks
    Here is the top part of the XML code:

    "folsombob" <[email protected]> wrote in
    message
    news:f5d1in$2oe$[email protected]..
    > Thanks, Al ? for the information and the speedy reply.
    >
    > You are right ? it did work in IE online. Odd that
    Firefox worked offline,
    > though.
    > Any ideas why?
    Because of the xml file.
    > Your ?Slideshow Magic? and the ?Image Gallery? at
    Project Seven are VERY
    > impressive.
    Thanks.
    > One of the things I am after is to be able to generate
    the Flash (code)
    > and
    > then position the elements to fit into an existing
    webpage.
    >
    > With Photoshop?s ?Web Galleries?, I have used its code
    to create a
    > customized
    > template, but this is not an option with the two Flash
    modules.
    >
    > I will likely be sticking with Plan B with HTML and
    basic JavaScript
    > ?swaps?,
    > which works, but is not elegant.
    >
    > How flexible and subject to manipulation are the two
    galleries at Project
    > Seven?
    Image Gallery Magic is constrained to a certain source code
    order, but Slide
    Show Magic is basically able to be molded into thousands of
    different
    scenarios and is limited only by one's imagination and
    experience.
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/ssm_03.htm
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/tweaks/simpleface/
    This is Slide Show Magic:
    http://www.projectseven.com/products/galleries/ssm/tweaks/thumbs_bottom/
    This too:
    http://www.projectseven.com/products/galleries/ssm/tweaks/tools_bottom/
    And this:
    http://www.projectseven.com/products/galleries/ssm/tweaks/run_once/
    And even this:
    http://www.projectseven.com/products/staging/ssmpp/
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"

  • HTML Slideshow Code

    I am trying to write a code to make a slideshow. I used html and jquery to do it, but it's not working. Here's the code I came up with:
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
    <title> The Justice League of America </title> 
    <style>
    #slideshow {
    width: 900px;
    height: 304px;
    margin: 10px auto 0 auto;
    #slideshow .Wrapper-slideshow {
    width: 900px;
    height: 304px;
    float: left;
    #slideshow .Content-slideshow {
    height: 304px;
    #Nav-slideshow {
    width: 600px;
    height: 30px;
    margin: -30px 0 0 10px;
    #Nav-slideshow a {
    width: 10px;
    height: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #666;
    background: #666;
    border: 1px solid #ccc;
    display: block;
    margin: 0 10px;
    float: left;
    #Nav-slideshow a.activeSlide{
    background: #222;
    border: 3px solid #eee;
    -moz-border-radius: 8px;
    margin: -2px 8px;
    </style>
    <script type='text/javascript' src='jquery.js'></script>
    <script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function () {
    $j("#Content-slideshow").cycle({
    fx: 'fade',
    pager:  '#Nav-slideshow'
    </script>
    </head>
    <body>
    <div id="slideshow">
            <div class="Wrapper-slideshow">
    <div id="Content-slideshow" class="Content-slideshow">
           <div class="featureItem"><a href=""><img src="http://cdn.bleedingcool.net/wp-content/uploads/2011/03/justice-league-logo.jpg" title="Justice League"
    alt="Justice League Logo" /></a></div>
                    <div class="featureItem"><a href=""><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTd8_Ht69tA0Pmv5CHSJU2WEhX6xonffl3AZFNnvZI0YGbj5tiT" title="Batman"
    alt="Bruce Wayne" /></a></div>
           <div class="featureItem"><a href=""><img src="https://dailypop.files.wordpress.com/2012/03/justice-league-doom-superman.jpg" title="Superman"
    alt="Clark Kent" /></a></div>
           <div class="featureItem"><a href=""><img src="http://vignette3.wikia.nocookie.net/dcanimated/images/f/f5/Wonder_Woman.png/revision/latest?cb=20090407084402"
    title="Wonder Woman" alt="Princess Diana of Themyscira/Diana Prince" /></a></div>
    <div class="featureItem"><a href=""><img src="http://statici.behindthevoiceactors.com/behindthevoiceactors/_img/chars/char_101.jpg" title="Martian Manhunter" alt="J'onn
    J'onzz/John Jones" /></a></div>
                    <div class="featureItem"><a href=""><img src="http://vignette2.wikia.nocookie.net/dcanimated/images/7/7b/Hal_Jordan.png/revision/latest?cb=20080930201433" title="Green
    Lantern" alt="Hal Jordan" /></a></div>
           <div class="featureItem"><a href=""><img src="http://vignette1.wikia.nocookie.net/dcmovies/images/0/06/Flash_Justice_League9.jpg/revision/latest?cb=20110917201653"
    title="The Flash" alt="Barry Allen" /></a></div>
           <div class="featureItem"><a href=""><img src="http://ifanboy.com/wp-content/uploads/2011/07/JL_TheEnemyBelow.jpg" title="Aquaman" alt="King
    Orin/King of the Seven Seas" /></a></div>
    <div class="featureItem"><a href=""><img src="http://vignette3.wikia.nocookie.net/dcanimated/images/f/f2/Hawkgirl.png/revision/latest?cb=20100117155542" title="Hawkgirl"
    alt="Shayera Hol" /></a></div>
    </div>
    <div id="Nav-slideshow"></div>
    </div>
    </div>
    <script type='text/javascript' src='cycle.js'></script>
    </body>
    </html>
    Also this code is linked to another javascript file called jquery.js (you will see they are linked in the above code). I can provide the code for that if you need it to help me.
    I've been trying to make a slideshow for days, I just want it to work. Thank you in advance to anyone who can help me.
    Quick note: I am not a programmer and I don't understand any languages except for html, so when you answer, don't use programming terms. I won't understand them! That's probably why I am having so much trouble!

    Hi,
    for working examples see plugins.jquery.com - there re a number of slide-show plugins... you will also probably need jquery.ui also if your jquery plugin is using css animations.
    If you are not a programmer then you are probably running your html from the file system.... your computer's hard drive is NOT the internet. You need a web server (either localhost (windows pro and enterprise editions) or a hosted server on the internet
    (azure).
    Regards.
    Rob^_^

  • Create Hyperlinks In Exported HTML Slideshow?

    I've created a presentation with Keynote 3 and would like words and objects to link to external web sites.
    The links work when the presentation is viewed using Keynote. But when I export to HTML the links don't work.
    Am I doing something wrong? Or is this feature not available?

    Hmmmm, YOU have fired up the thought bits of my mind
    I suppose you COULD use iWeb and build it manually. One slide per page with forward and next buttons and use objects with no fill and no stroke (with a 1% shadow) to be hyperlinks. I think that might work nicely!

  • I am busy making a website with iweb. Do you know if it is possible to make a page with a slideshow which does not contain jpg's but other documents?

    I am busy making a website with iweb. Can I only make a page with a slideshow containing jpg's? I would like to make a (pages) document with pictures and have this as a slideshow. Is that possible?

    If you use Keynote rather than Pages you can export as HTML to get a slideshow...
    http://www.iwebformusicians.com/Banner-Slideshow/HTML-Slideshow.html
    Or you can use a JQuery slider that will display text, images, movies etc...
    http://www.iwebformusicians.com/Banner-Slideshow/Anything-JQuery-Slider.html

  • Can anyone suggest a stripped down photo gallery / slideshow?

    I'm creating an iWeb site and want to show 3-5 images on each project page in a photo gallery. The site design is very minimal, with any unnecessary parts removed. 
    The iWeb photo page is fine except that I can't change the font and two sets of previous/next scrollers appear (one at top and bottom of photos).
    I literally want a photo with two arrows below to scroll to the next one.  No thumbnails, no descriptions, download options etc.
    I think this is pretty much what I'm after...http://nordarchitecture.com/projects/shingle-house-dungeness/
    Any suggestions would be very welome.
    Cheers

    This one has forward/back and home...
    http://www.iwebformusicians.com/Banner-Slideshow/HTML-Slideshow.html
    Some more ideas for a simple slideshow with variations...
    http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
    "I may receive some form of compensation, financial or otherwise, from my recommendation or link."

  • I want to call a slideshow in a tabbedpannel.

    I generated a slideshow in Bridge. In my webpage I have a modyfied Spry producttable with instead the original Collapsable panels I have 2 Tabbedpanels. All working fine. When I click in the product table an image shows in the first tabbedpanel.
    Now I want to show the Bridge Slideshow in the 1st Tabbedpanel. So instead of an image I have to call for a html file which shows the Flash slideshow. The original code to call an image is
    <div class="TabbedPanelsContent">
                          <p id="boxshot" spry:detailregion="dsProducts"><img src="{image1}" alt="kalenderafbeelding" /></p>
    </div>
    When I change this code into
    <div class="TabbedPanelsContent">
        <p id="boxshot" spry:detailregion="dsProducts">{slideshow}</p>
    </div>
    Where {slideshow} is in the xml file
    <slideshow>images/BCA4V1/index.html</slideshow>
    there is only a text line which shows images/BCA4V1/index.html.
    How can I make this work? Any help please and thanks in afadvance.
    Richard

    http://www.gradeph.eu/deskkalenders.html
    is a working page where desk calendars are shown. Click in the table on the left and an inage apears in the 1st tabbed pannel on the right.
    In a new page where birthday calenders need to be shown in a similar table I want a slideshow of all 13 pages of the related birthday calendar in the 1st Tabbedpanel. The slideshow has been generated by Bridge and all files are inserted into the webesite. All adjustments to the new XML file are made and also the birthday calender html file as written in my original question.
    The link to the birthday calendar page "Verjaardagskalenders" is http://www.gradeph.eu/BCA4V1.html. Because it is not working yet, it is not implemented in the menu.

  • Slideshows from jpg

    what's the best route to take to create a slideshow with music (then burn to a dvd) that looks really good on a tv set?
    i have discovered you can use imovie to create a movie of still photos and then export that to idvd. or you can just use idvd to create a slideshow. or you can import a slideshow created in iphoto to idvd.
    which is the best way to go for top picture quality on a tv?
    which method do you use?

    OK, this can of worms is opened again...
    I prefer to use Photo To Movie for slideshows because IMO it has the best quality. See also:
    http://www.sjoki.uta.fi/~shmhav/SVCDon_aMacintosh.html#slideshow
    http://www.sjoki.uta.fi/~shmhav/iMovieHD_6_bugs.html#jaggystills

  • PSE 4 on Mac, VCD or other Slideshow options?

    I bought a Wacom tablet which comes with Photoshop Elements 4 for Mac and PC. I installed on Mac first and found some cool features like being able to export a slideshow in .wmv format which I would like to use.
    I then installed it on my Mac and found that it is extremely limited compared to the Windows version. Is it just me or it the Mac version cut back? Can you even export to a video file on the Mac version? I can't find an option for it. I only see html slideshow options.
    Please help.

    You have much more robust slideshow options on the mac already, in iphoto, imovie, idvd, so Adobe does not include these features in PE mac. You can, however create a pdf slideshow in PE in addition to the HTML ones.

  • Using Elements to create slideshow to post online via iweb....

    Is this possible??? I am almost at my wits end trying to figure out a way to create a slideshow to post on my site via iweb that looks decent.  iweb does have a slideshow it is only enabled IF the viewer wants to enable it.  One other thing that I have tried is uploading to other sites and copying the html and putting it in a widget.  This works great but looks terrible. Is there another way or does anyone have any other options?  Thanks so much!!!!

    How are you hosting your site, and which slideshow are you trying to do? Which version of elements?
    If you mean the html slideshow in earlier versions of elements, you would need to upload that to a separate folder on your website and just link to it (you'll have to edit the html of the completed slideshow to give your visitors a way back to the main site). That's about as much as you can do.
    I'd suggest looking into something like rapidweaver rather than beating your head against the wall trying to make this work, or using a photo hosting site and linking to the pics from your iweb page.

  • Bridge CS4 Slideshow & Tripod web hosting

    I have not been able to fully open the slidshows I have created in Bridge and ftped to  'Triod' where my website is hosted.
    [Please no snickering over my web site being on Tripod.]
    I have contacted Tripod but have not received a response so far.  I have tried the HTML slideshow as well as the 'Lightroom Flash' version.  I can't get either to properly work.
    I have gone into the files and made sure that the jpg file names were not too long, and things were in lower case, and that kind of thing.
    Needless to say, when I open the slideshows in Dreamweaver, they work.
    If anybody has an inkling as to what might be happening, and how to fix it, I would appreciate it.. I am not proficient enough in code to figure this one out.
    Many thanks!

    Yeah, and I don't see a 'show file names' box on the templates I've looked at.
    What I did was go into the group.xml file and I could find the TITLE tags and changed those to what I wanted for my caption.
    Still seems somethings not right, since I had to manually add them.

  • Muse Slideshows in Fixed Layout EPUB

    Hi Everyone
    I created my App Folio in InDesign but later realised that based on my distribution requirements I would not be able to go via itunes app market. I have to convert my content into fixed layout epub for the requirement of my project.
    In my initial App Folio I have slideshows created in Adobe Muse and brought into Indesign Document as web overlay (HTML Slideshows from MUSE, MUSE exports those as HTML5 site) . My content is Image intensive. There are about 100 images in each slideshow, so creating those via Multi State Objects in ID including the thumbnails is not easy. Its very easy to create those in Muse .
    My question is what is the best way to use those Muse slideshows in a fixed layout EPUB . Do Folio Overlays such as WEB work with  Fixed Layout EPUB ? Second part of question is which folio overlays work with Fixed Layout EPUB ? is there a detailed help document.
    Thanks in advance for help.
    -MP

    There is, you only have to add one navpoint inside toc.ncx, this will hide the "text TOC".
    Read more about it in the iBookstore Asset Guide

  • What does this error message mean? Keynote to html to Homepage

    Trying to "add page" in homepage of my Keynote 3 exported html slideshow. However, after various attempts I keep getting this error from the .Mac server
    HomePage found the following issues with the HTML page you chose. Please fix these issues and try again: The "< BODY ... " tag is not closed properly with a matching ">".
    Is this a known issue? What does it mean? Can I go into the code window and fix it? If yes, how?
    Thank you,
    -todd

    OK, I'll try: it means that there's a missing directory record; that is, there's an item in the directory pointing to a record that doesn't exist. What else can I tell you? All such errors need repairing.

  • Export to HTML bugs

    When exporting to HTML the following problems occur:
    1. Hyperlinks do not work.
    2. Transition Effects do not work.
    What am I doing wrong?
    (Please don't tell me that Keynote does not support these features when exporting to HTML)

    I think I've found the answer to my own question.
    According to Apple "+You can create HTML slideshows from Keynote by using third-party applications+" such as Keywebx.
    According to the Keywebx manual: "+We all know how good are presentations made with Keynote or AppleWorks. But so far, it was impossible to generate web pages strait from those applications.+"
    Unfortunately, this software cannot create HTML slideshows directly from Keynote. Instead, the file must be exported to pdf or Quicktime first. I've tried the trial version and have not been successful.
    Is Apple aware of the importance of HTML and the WWW?

Maybe you are looking for