Convert gallery to slideshow

Hi
I've got a user-controlled gallery on a webpage which is
working fine at the moment:
Aztec site
The client now wants it to be a slideshow however. Rather
than start from scratch, is there any way to keep it as it is, but
make it act as if the user is clicking on each thumbnail every 10
seconds or so. I'd be hiding the thumbnails.
In effect, I want to convert it from an interactive gallery
to a passive slideshow, but keep the scrolling effect.
Here's the flash file:
link
And here's the ActionScript:
this.createEmptyMovieClip("images", 100);
this.attachMovie("mask", "mask", 101);
mask._x = images._x =5;
mask._y = target = 5;
images.setMask(mask);
images._y = -1000;
speed = 5;
for (var i = 0; i<8; i++) {
var img = images.attachMovie("image"+i, "image"+i, i);
img._y = img._height*i;
var thumb = this["thumb"+i];
thumb._alpha = 60;
thumb.pos = target+(i*-img._height);
thumb.onPress = function() {
target = this.pos;
thumb.onRollOver = function() {
this._alpha = 100;
thumb.onRollOut = function() {
this._alpha = 60;
this.onEnterFrame = function() {
images._y += (target-images._y)/speed;

place your thumb.pos values in an array and initialize a
timer (setInterval) that will reassign target to be one of the
array values peroidically.

Similar Messages

  • Web gallery or slideshow, non-Flash, for mobile devices needed

    Hi,
    My website -- www.johnblaustein.com -- is all Flash and I'm getting some mild complaints from viewers who would like to see my work on an iPad or iPhone.  I built my galleries with SlideShowPro and I know Todd at SSP is working on a mobile device solution.  In the meantime, however, I'm wondering if anyone here has some solutions they might share.  The iPhone screen is so small that I find thumbnails to be just about useless and navigation difficult.  I'm wondering if there is a Lr solution that will produce a web gallery or slideshow that will run full-screen on a mobile device with a simple next and previous button.  I'm even thinking I might just do a limited portfolio as a video file with no navigation at all.
    Any thoughts?
    Thank you.
    John

    John,
    Unless I go for mobile support, I am doing just fine as-is with SSP/LR.  I understand the benefits of Director, but at this point I don't have the energy to learn yet another application... unless I really need to.  I trust you that learning Director won't be as complicated as I am imagining, but at the moment "it ain't broke, so I don't want to fix it."
    I do all my site work myself with Lightroom, SSP and Dreamweaver, so I agree that I could probably get up and running with Director fairly easily.  The time will come no doubt.
    Thanks again for all of your comments.
    I was hoping that others might chime in here with other suggestions on making mobile device web galleries, but maybe there just aren't any good ones.
    John

  • Converting jQuery Cycle slideshow to jQuery Cycle2

    I am trying to convert an existing jQuery Cycle slideshow with page anchors to jQuery Cycle2. I keep getting caught up on converting the Javascript that currently resides in the HTML page:
    <script type="text/javascript">
    $(document).ready(function(){
    $('#slideshow').cycle({
    fx:     'turnDown',
    speed:  'fast',
    timeout: 0,
    pager:  '#nav',
    pagerAnchorBuilder: function(idx, slide) {
    // return selector string for existing anchor
               return '#nav li:eq(' + idx + ') a';
    </script>
    Any ideas?

    Cycle2 is completely different from the older Cycle plugin. C2 uses the latest jQuery core library and HTML5 data attributes to invoke the plugin's features.  The function codes you have there won't work.  I would recommend starting over with a plain, blank HTML5 document.  The code below contains Cycle2 Carousel with Fancybox.
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>HTML5, Cycle2 Carousel with Fancybox Viewer</title>
    <!--[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>
    <!--FANCYBOX plugin-->
    <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>
    <!--Cycle2 Plugin-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
    <!--Cycle2 Carousel-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
    <style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        box-sizing: border-box;
    aside {
        float: left;
        width: 25%;
        border-right: 1px solid #666;
        padding: 2%;
    section {
        float: left;
        width: 75%;
        padding: 2%;
    .slideshow img { border: 4px solid #999; }
    /* slideshow pager */
    .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: relative;
        top: 0;
    .cycle-pager span {
        font-family: arial;
        font-size: 75px;
        width: 22px;
        height: 22px;
        display: inline-block;
        color: #ddd;
        cursor: pointer;
    .cycle-pager span.cycle-pager-active { color: #09C; }
    .cycle-pager > * { cursor: pointer; }
    </style>
    </head>
    <body>
    <header> <h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Carousel Slider with <a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer</h1>
    </header>
    <aside>
    <h2>Left Aside</h2>
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.
    Aenean tristique enim ut ante dignissim.</p>
    </aside>
    <section>
    <h2>Section</h2>
    <!--begin Cycle2 slideshow-->
    <div class="slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-fx="carousel"
    data-cycle-timeout="2000"
    data-cycle-pager="#pager"
    data-cycle-carousel-visible="5"
    data-cycle-carousel-fluid="true"
    data-cycle-slides="> a"
    >
    <!--insert thumbnails and links to full size images below-->
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 1" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 2" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 3" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 4" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 5" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 6" /></a>
    <a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/600x400.jpg" title="optional captions"><img src="http://placehold.it/160x107.jpg" alt="Thumbnail 7" /></a>
    <!--end slideshow-->
    </div>
    <!--begin Cycle2 pager-->
    <div class="cycle-pager" id="pager">
    <!--end pager-->
    </div>
    </section>
    <!--Cycle2 function code-->
    <script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
    <!--FancyBox function code-->
    <script>
            $(document).ready(function() {
                $('.fancybox').fancybox();
        </script>
    </body>
    </html>
    Nancy O.

  • Bridge cs5 photo gallery - journal + Slideshow problems, incorporating a gallery into my site?

    When i'm trying to make a journal+slideshow photo gallery, i get all  this unnecesary information from my metadata. ( Date last modified :  ...., software: ....., X resolution, Y Resolution, image size,  resolution unit..) Is there a way to make that go away so i can see just  my description and author, what i want to see?
    And can i  incorporate a gallery made with bridge/other flash gallery into an already existing HTML  page, so that you have my template's design with that in the middle(the  contents/editable part for me)?  Or does it need to be a whole new html  page, i'm using dreamweaver.
    Picture of uneccesary info, can it go away?

    I found out putting it in dreamweaver is pretty easy, just use iframe and make the width/height however you want it and it works fine for me. ( From the adobe web gallery in bridge>use the whole folder's index.html(can change name) as source for iframe, and you have the gallery, you need to move the whole folder to the site root though if you want it there, not just the .html )
    I just want that excessive stupid information to go away, but i can't figure out how >->
    http://www.w3schools.com/TAGS/tag_iframe.asp

  • Bridge cs5 photo gallery - journal + Slideshow problems

    When i'm trying to make a journal+slideshow photo gallery, i get all this unnecesary information from my metadata. ( Date last modified : ...., software: ....., X resolution, Y Resolution, image size, resolution unit..) Is there a way to make that go away so i can see just my description and author, what i want to see?
    And can i incorporate a gallery made with bridge into an already existing HTML page, so that you have my template's design with that in the middle(the contents/editable part for me)?  Or does it need to be a whole new html page, i'm using dreamweaver.
    Picture of uneccesary info, can it go away?

    I found out putting it in dreamweaver is pretty easy, just use iframe and make the width/height however you want it and it works fine for me. ( From the adobe web gallery in bridge>use the whole folder's index.html(can change name) as source for iframe, and you have the gallery, you need to move the whole folder to the site root though if you want it there, not just the .html )
    I just want that excessive stupid information to go away, but i can't figure out how >->
    http://www.w3schools.com/TAGS/tag_iframe.asp

  • Storing and converting videos and slideshows (Mac OS)

    hi all, new user here.
    i have a host of files with some coming from my PC days and am currently using Aperture to store and create m4v and mov files.
    right now i have AVI, mpg, mp4, PDF etcetera etcetera that i am trying to organize. when i doubleclick on some of these files they open in AME and i am guessing this means that i need to associate the file type with some other software or if i should convert them to a more convenient format such as mov or m4v which Aperture recognizes. so right now these files are just sitting in a file folder in various formats since Aperture does not appear very good at recognizing some of these video formats.
    i would like to /store/ this data in a database or in software that will allow me to get it all organized and i am wondering if Bridge is a good place to do this or if user recommend LR or if there is in fact an adobe product to get this data organized.
    i think ideally i would put all images and slideshows and videos in one place but i am guessing this means i would have to convert my videos to some file format (say mov or m4v for Aperture) so i am also wondering if this is a good way to go and if Adobe Media Encoder is the proper tool for this.
    any sage advice is really welcome.
    P.S. i also have PDF and EPS which both don't seem to play nice with aperture.

    Although there sometimes are problems with certain video files Bridge is the correct application to start for organizing your files. You can use the filter panel to only show certain file types, you can rename, rate and label the files, etc etc.
    Some video files should be able to play in the preview window. It pays multiple pages PDF also in the preview window although there can be problems with PDF from InDesign showing all content.
    You can use the folder panel for easy drag and drop files in different folders.
    Anyway, before experimenting make sure to have a proper back up of your files and then start playing around freely to learn more about Bridge.

  • Convert  Album to Slideshow

    I created an Album with photos and matching music, but I realized I probably should have done this in SlideShow.  Can i convert an album to a "slideshow"  If so, how?

    When you say you want to make an “album” do you mean a book?
    One thing i want to do is to make a dvd of the pics that i can play on any regular dvd player. I want to show people my pics on their TV. I don't necessarily need a fancy slideshow. I would like to be able to pause on a picture.
    Share -> Send to iDVD and make the disk with iDVD. You must do this with iDVD that’s the only app that can create a disk your “regular DVD player” will undersand.
    Regards
    TD

  • Can I convert a pdf slideshow with narrative to a movie file?  Using Pro version 8

    I am working with a template software (Vacation Bible School) where I insert pictures and at the end, it plays a slideshow with narrative (already in the template) when you open it up and hit the spacebar.  it works fine, but there are 5 different files and the company we got the template/pdf files from suggest for presentation purposes, I should just open up each file individually and start the slide show.  it seems kind of clumsy having to open up each file individually, play it, close it and then go to the next file.  It would be great if I could capture the slideshow as a movie file, then combine all 5 movie files into one file that can be played on a CD player (I use Sony Vegas studio and Nero software for this).  I am using Acrobat Pro version 8.  Any suggestions?

    It can't be done in Acrobat.
    I just did a Google search on "pdf slideshow to video" and saw a couple of third party products that claim to be able to do it. I have never had a need for that, and can't claim how well they work.

  • Problem. Gallery. Slideshow. Automatic zooming in the browser.

    How to make this effect in Slideshow? example -http://www.diegouchitel.com/index.php/image/view/story/452
    When you resize the browser window, the image is automatically resized.
    The original image is sized 1440x1080.

    It is the zoom feature and you can learn about it in the manual:
    http://manuals.info.apple.com/enUS/iPhone_iOS4_UserGuide.pdf

  • Converting "book" to "slideshow"

    I've created a book (some of the pages have multiple photos) and would like to create a slideshow (to ultimately be burned via iDvd) that would show each of the pictures individually. Unfortunately I can't even seem to figure out how to create the slideshow from the book. When I click on the "+" the only choices are "album" and "smart album" as the "slideshow" option is greyed out. Is it possible to do what I want?
    I'm using iPhoto 6.01
    Thx

    Hi scott,
    This is from the iPhoto Help menu:
    "Viewing a book as a slideshow
    You can view a book as a slideshow without making it a separate slideshow in your Source list. You can set transition effects and add background music for this temporary slideshow.
    Tip: If you want to play the same slideshow later, adjust the transition effects for individual slides, or add pan and zoom effects, you should create a slideshow that appears in your Source list.
    To view a book as a slideshow:
    Select a book you want to display as a slideshow.
    Click the Play button (shown above). If you don't see the Play button, click the right-pointing arrows (shown below) in the bottom-right section of the window and choose Play from the menu that appears.
    Click Settings at the top of the Slideshow dialog to set one or more of the following options:
    Choose a transition effect from the Transition pop-up menu. If necessary, set a direction for the effect using the arrow buttons.
    Set the duration of the transition by dragging the Speed slider.
    To change the display duration for each slide, type a new duration.
    Select "Shuffle slide order" to play slides in random order.
    Select "Repeat slideshow" to make your slideshow repeat automatically upon completion.
    Click Music at the top of the Slideshow dialog to set one or more of the following options:
    Select the "Play music during slideshow" checkbox if you want background music played during your slideshow.
    Select a song to play during your slideshow from the Sample Music folder or your iTunes library. You can search for a song by typing the artist or title in the search field.
    Click Save Settings if you want to save these slideshow settings for your book slideshow.
    Click Play.
    Press the mouse button at any time to stop a slideshow.
    Press the Space bar to pause and resume playing a slideshow.
    Use the Right and Left Arrow keys to move through a slideshow manually.
    Press Delete to remove the photo currently being displayed from the book.
    Press Command-R to rotate the photo currently being displayed in your slideshow.
    Press 0, 1, 2, 3, 4, or 5 to assign a rating to the photo currently being displayed."

  • Converting a Keynote slideshow into a QT movie

    Ok, I've got a nicely made keynote presentation with precisely timed events where text appears and the slides fade from one to the other. When I do the QT export it moves at a totally unacceptable snail's pace. A 10 minute Keynote slideshow was still running after over an hour of tedious transition. What am I doing wrong??

    I just did a sample presentation using 5 slides to see the results. When I exported the file as QT self-playing movie using the standard of 5 sec slide duration and 2 seconds for build duration the movies was 25 seconds. When I lowered the slide duration to 3 seconds and kept the build duration at 2 seconds, the resultant movie was 10 seconds faster at 15 seconds.
    Going into Custom and altering the FPS, and compression formats from H264 to Video or JPEG Movie did NOT alter the length of the QT output movie at all.
    So, I think if you lower the slide duration to 3 seconds , you should get a significant improvement. I hope this helps

  • Web Gallery - Slideshow(s)

    I have created my first web gallery - These are my issues when viewing the gallery on internet:
    1. If you double click the first photo you see a rather small pic and a description of what the subject is about (hitting i [info] can give you the further info on the pic). Why is the photo not the same size as that shown when I select to view the gallery in slideshow?
    2. When in a gallery if you click "Slideshow" it proceeds through the photos in the gallery at about 3 second intervals - how can I adjust the slideshow controls so that the turnover is slower, like 12 second intervals? I understand that a viewer can click "pause" to slow the process, but see 3 below.
    3. When I review the gallery on my Powerbook, using Safari, as a slideshow, above the slide the description/explanation of what the pic is about is displayed. When I enter the website via Windows, I see the pic OK but there is no description of what it is about. How do you show the explanation of what the pic is about in Windows?
    Thanks in advance for any advice.

    Vicj:
    Welcome to the Apple Discussions. 1 - it's just the nature of the beast and can't be changed. 2 - the software that controls web galleries is server side and there's no features changeable by the user except those in iPhoto while creating the gallery.
    If you want to add a description to the picture that will be displayed change the title to the description you want to use. An easy way to do that is to first add your descriptions to the description field in iPhoto. Then use this Applescript to copy the description to the Title field: AppleScript to copy iPhoto Description to Title. Be sure to read the comments regarding the one error in the script that is easily corrected.
    Later you can change the titles back to the file name (if that was what they were originally, by using the Photos->Batch Change menu option.
    TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
    I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

  • Web Gallery - Slideshow

    I have created my first web gallery - These are my issues when viewing the gallery on internet:
    1. If you double click the first photo you see a rather small pic and a description of what the subject is about (hitting i can give u the further info on the pic). Why is the photo not the same size as that shown when I select to view the gallery in slideshow?
    2. When in a gallery if you click "Slideshow" it proceeds through the photos in the gallery at about 3 second intervals - how can I adjust the slideshow controls so that the turnover is slower, like 12 second intervals? I understand that a viewer can click "pause" to slow the process, but see 3 below.
    3. When I review the gallery on my Powerbook, using Safari, as a slideshow, above the slide the description/explanation of what the pic is about is displayed. When I enter the website via Windows, I see the pic OK but there is no description of what it is about. How do you show the explanation of what the pic is about in Windows?

    Web Gallery is part of iPhoto and you might want to ask in that forum:
    http://discussions.apple.com/forum.jspa?forumID=1192

  • Weg Gallery - Slideshow(s)

    I have created my first web gallery - These are my issues when viewing the gallery on internet:
    1. If you double click the first photo you see a rather small pic and a description of what the subject is about (hitting i [info] can give u the further info on the pic). Why is the photo not the same size as that shown when I select to view the gallery in slideshow?
    2. When in a gallery if you click "Slideshow" it proceeds through the photos in the gallery at about 3 second intervals - how can I adjust the slideshow controls so that the turnover is slower, like 12 second intervals? I understand that a viewer can click "pause" to slow the process, but see 3 below.
    3. When I review the gallery on my Powerbook, using Safari, as a slideshow, above the slide the description/explanation of what the pic is about is displayed. When I enter the website via Windows, I see the pic OK but there is no description of what it is about. How do you show the explanation of what the pic is about in Windows?
    Thanks in advance for any advice.

    Vicj
    You may have wandered into the wrong forum. What are you using for your web gallery?

  • Creating Apple TV photo slideshow in Windows/Converting .mov to Apple TV

    I have a newly purchased 160 GB Apple TV and am having some difficulty creating a slideshow. Ideally, Apple would offer iPhoto for Windows or I would own a Mac, but neither is currently true.
    So, what is the best/easiest/cheapest way to create an iPhoto-esque slideshow in Windows XP? (transitions and audio track)
    In my initial attempts to accomplish this task, I have created a slideshow using QuickTime. I opened a music file in QuickTime, then opened an Image Sequence in QuickTime, then copied the image sequence and Added and Scaled to the audio track. Finally, I saved this "slideshow" as a QuickTime movie (.mov). This isn't ideal, because there are no transitions and if the photos aren't all landscape it's troublesome. Nonetheless, I tried to open this QuickTime Movie then use the Export to Apple TV conversion process. Unfortunately, QuickTime basically just freezes when I try this. The progress bar never moves from 0%. Any advice here?
    Thanks.
    DIY - AMD 64   Windows XP Pro  

    Welcome to Apple Discussions.
    The simplest way to make a slideshow without adobe photo elements is simply to put collections of photos into folders and sync them to the tv. tv will allow you to add transitions and add a soundtrack from any music you also have synced. In the current version of tv the ending of the slideshow is a little abrupt but I'm sure it will improve in future versions.
    I can't think why QT won't convert your QT (slideshow) movies, perhaps you can tell us a little about the movie. Open in QT, open the movie info window and post back the info you find there.

Maybe you are looking for