IWeb-image transitions

hello,
i am new to iWeb and am interested in setting up a portfolio page where an array of images would transition into one another (fade in-out) by navigation of buttons.
for example, 5 images in middle of page and 5 buttons (1,2,3,4,5) at bottom of page.
this would allow for someone to go back-forth as they please as opposed to watch a movie loop over and over again.
Is this possible?
Any help is much appreciated,
g

Welcome to the Apple Discussions. I don't think you can do that in iWeb, at least not with the transition you'd like to do. However what you're describing sounds a little like the gallery portion of aniWeb photo page which has the photos on one page, a gallery option (by clicking on one of the photos on the first page) where the photos are in a thumbnail tray at the top and you can peruse them with forward and back arrows or view them as a slideshow. But no fade in/out transition. At least not by default.
A web gallery created by iPhoto has something akin to what you'd like but again, not the transition you'd like.
You could create separate pages for each of the 5 photos with the photo centered in the middle of the page and your own navbar at the bottom. That would send the user to each photo but no transition.
There may be a 3rd party solution based on javascript out there and maybe one of those who are listed in the Top Users section of iWeb will be able to point you to a solution.
OT

Similar Messages

  • IWeb Image Size

    Hello Apple Friends,
    What's the easiest way to get iWeb images down to a reasonable size? The PNGs are just too big as they're created automatically. Is there a setting I can adjust somewhere? I hope I don't have to go in and manually shrink each image file with Photoshop of something.
    Thanks for your help,
    Steve

    Well for your already published images, you might want to take a look at PNG Crusher: http://www.amake.us/software/pngcrusher/
    You are supposed to use this directly on your published files, so just be aware of that.
    Going forward with your new pages and what not, the best thing to do would be to minimize the opportunities for iWeb to convert your jpg images to png. You do this by avoiding resizing the image inside iWeb (either smaller or bigger) and avoiding the special effects like drop shadows, rotation, reflections, frames, etc. At the very least, use iPhoto to size your photos down from their original full resolution size. Know that standard iWeb pages are only 700px wide, so that is as big as you need. For slideshows, iWeb would size everything to 800x600, so keep that in mind.

  • My iWeb image names are incompatible with FTP servers and must be renamed but I can't find the images in iWeb. I can upload to a desktop file and change them there but then I would need to download them to a new site in iWeb to publish them.

    my iWeb image names are incompatible with FTP servers and must be renamed but I can't find the images in iWeb. I can upload to a desktop file and change them there but then I would need to download them to a new site in iWeb to publish them. 
    What's the answer?
    Thanks 

    Many thanks to  responded to my question and sorry not to get back sooner.
    Yes, I discovered by this unfortunate experience that the names of photos are a serious issue if the site is to ever go to an FTP server.  Apple should discuss this carefully in their "manual".
    One more question:  I uploaded the website to a folder on my desktop. When I open it, unlike the photos in iWeb, there are folders for each page which have all the photos in them. I went through each folder and changed the names to be FTP compatible. I'm using iWeb SEO Tool which allows one to upload from this local folder to an FTP server but having trouble.
    Is this because there is an imbedment in iWeb that uses the old photo names to link to the actual photos and it can't find them because of the name changes?
    Thanks again for your help ...
    Phil McP

  • Anyone recognize this image transition?

    I've seen this image transition used on different websites
    and would like to know the program used to create it. I have a
    feeling it's part of a slideshow extension. Images fade into each
    other as a grid of squares sweeps across.
    http://www.haydonbc.com/
    Thanks, Gary

    it looks like small squares expanding from left to right as
    it masks the next image

  • Automatic slideshow image transition

    Hi All,
    I have an imagecontainer on my site, in which I want to show
    random images.
    So far so good, but I want to animate those image
    transitions.
    I've tried to hide and show the image while a picture is
    loaded, and link an effect to the show and hide, but it didn't work
    proparly.
    So, I tried using states. My imagecontainer has now 2 states.
    And after a couple of seconds the states change.
    All I do in the state change is:
    <mx:setProperty target="{imageContainer}" name="source"
    value="{imagesource}" />
    where "{imagesource}" is a [Bindable] private var in the same
    mxml file.
    The first statechange works, but after that, returning to the
    Base state ends up showing the first (original) image. Changing to
    the second state again, shows again the second image.
    Is there any way to nicely animate a automatic slideshow ?

    "cryothic" <[email protected]> wrote in
    message
    news:gcgb3a$9ml$[email protected]..
    > Hi All,
    >
    > I have an imagecontainer on my site, in which I want to
    show random
    > images.
    > So far so good, but I want to animate those image
    transitions.
    >
    > I've tried to hide and show the image while a picture is
    loaded, and link
    > an
    > effect to the show and hide, but it didn't work
    proparly.
    >
    > So, I tried using states. My imagecontainer has now 2
    states.
    > And after a couple of seconds the states change.
    >
    > All I do in the state change is:
    > <mx:setProperty target="{imageContainer}"
    name="source"
    > value="{imagesource}"
    > />
    > where "{imagesource}" is a [Bindable] private var in the
    same mxml file.
    >
    > The first statechange works, but after that, returning
    to the Base state
    > ends
    > up showing the first (original) image. Changing to the
    second state again,
    > shows again the second image.
    >
    > Is there any way to nicely animate a automatic slideshow
    This example shows a simple way to accomplish that. Right
    click to view
    source
    http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html

  • Iweb image hyperlink not working?!

    Hello! I have created a website on iweb and all works great!, but a problem has just acoured which i do not know how to solve. i have added a logo at the top of the webpage which i would like to use as a hyperlink back to the home page, but after removing the iweb nav bar from the page because i just made one with the text tool, the image/logo hyperlink no longer works when its published but works while editing in iweb, please help!?
    here is the website link!.. >> www.shanomusic.com  <<

    Try the following:
    1 - delete the iWeb preference files, com.apple.iWeb.plist and com.apple.iWeb.plist.lockfile, that resides in your Home/Library/Preferences folder.
    2 - go to your Home/Library/Caches/com.apple.iWeb folder and delete its contents.
    3 - launch iWeb and try again.
    OT

  • IWeb images not showing on google image search

    I've created an iWeb website but can't find any of my images on google image search, although the site appears on web search. I've created new sitemaps 4 days ago, tagged the images with iWeb SEO... I've made two separate pages of images only, not the photo album pages which I think are difficult to search / tag.
    Does anyone know how long it takes Google image search to list your images. It already has listed my website on web / text search for sometime.

    Mia12 wrote:
    ...the site appears on web search.
    Do sub-pages of your site appear? I'm wondering whether your images aren't being found because the sub-pages in which they reside are not being found...
    One of the biggest problems with iWeb is the way it creates your navigation bars. Instead of using standard HTML which search engines can use to correctly find all files on your website, it uses Javascript which makes it extremely hard for search engines to scan and index your website properly.
    ...Quoted from this article:
    _How to get your iWeb Websites into Google & Other Major Search Engines_
    See also:
    http://www.iwebformusicians.com/SearchEngines/SEO.html

  • IWeb images and nav menu not displaying in IE

    Hi all,
    I've just created my second IWeb page: http://web.mac.com/benbruder/iWeb/Ben%20and%20CC%27s%20Garden/Welcome.html
    It displays fine on my MacBook Pro, and loads fine on a PC, but when the page finishes loading, the images and navigation menu both disappear.
    Any thoughts?
    Thanks much,
    Ben

    Just figured it out from reading the other posts--having an apostrophe in the title killed the page. When I took the apostrophe out, everything worked.
    --Ben

  • Still Image Transitions

    I'm doing a textbook all about images. I want to compare A/B/C images in place on the page with just a simple cut between them. And as I compose the page, that's just what it looks like.
    But then I take the eBook to my New iPad and the transitions are not what I saw. They're a "too-clever-by-half" useless slide-the-new-picture-in-from-the-left" transition.
    How do I get images to simply change without all that bogus fru-fru?

    I reminded my team of developers just this morning that what we are doing is so very new, it'd not be too much of a stretch to say that the number of people in the world having conversations like ours could probably be counted on one's appendages. 
    We are working through some 3-D developments that are going to be pretty cool when we release 2012: Science and Prophecy of the Ancient Maya next month.  It will be the only interactive book on the iPad about the 2012 meme and whether or not we're all going to die on Dec. 21, 2012!  In it, we will have videos of 14 of the world's top Mayanist scholars, 3-D animations, and other cool stuff.
    We've created a page on my business site:http://claxtoncreative.com/2012/iba-resources/ where I'm beginning to list resources and thought leaders as I find them. 
    In the past 24 hours, I've also found http://www.ibook-widgets.com/signup/ that will be launching in June. 
    We are the self-appointed leaders in this arena.  That's good and bad.  KT is as brilliant, even better, as being able to read an online manual would be, so if you ask him the right technical question, you'll likely get an answer in short order. 
    Anything we can do to help you, too, please let me know.  Follow & DM me on Twitter and we can exchange more direct information to help each other out.
    --Donny

  • Single Image, Transition Between Two Pictures

    Hello all,
    I have searched all over the internet, but apparently I don't know how to ask what I want.
    I want a single image, made from 2 separate pictures I have, but I'm not trying to seamlessly integrate part of one into the other. Let's call them "A" and "B"
    What I'm wanting is a single frame where:
    A ----> B
    Where the "----->" is a place where the colors from the right edge of "A" gradually change into the colors for the left edge of "B" either (preferably) streaking lines or blurry gradients.
    I'm sure there is a tutorial, but whenever I type "transition" I get movie effects, when I type in "gradients" I can only get colors and when type "combine"  I get things like "Bunny with Bat's Mouth".
    Thanks!
    PS - If this is better done in Illustrator, that is an option as well.

    Okay, on the top layer add a layer mask. Now, after checking that the mask thumbnail is selected, use the gradient tool to "paint" a black gradient on the mask. See image:
    Benjamin

  • Rolling text/image transition?

    okay so i'm completely stumped on this one...i'm trying to
    create an effect where when you click on a button like 'about us'
    or 'services' the text/images/information on teh page rolls up from
    the bottom (which i know how to do) but then i need it to roll up
    and out of site when I click on a different button while the new
    information rolls up from the bottom to replace the old
    information..there is an example of it at this template if you
    click on the menu buttons one at a time:
    http://templates.entheosweb.com/template_number/16755.asp
    its obviously actionscript but I dont know how to signify that once
    another button has been pushed then the current frame information
    needs to transition out...you know what i mean?
    help!

    Sorry, I could not understood your above Post Reply("OCR functionality is available programmatically to custom Acrobat plugins"). Could you explain little more.
    Thanks,
    Prabudass
    [email protected]

  • IWeb image source... a link?

    Is it possible on my iWeb-constructed webpage to have an image whose source is remotely linked (rather than a simple file on the local or .Mac server)? Note: I'm not refering to a hyperlink. For example, on my webpage I'd like to include the latest image from a webcam that appears on my school's website... I can make it work by manually writing in code (below) in the .html file that iWeb generates, but each time I edit my page I have to manually rewrite the code again. Can't iWeb support these kinds of "dynamic" images?? Thanks in advance!
    Example code (minus the < and />): img src="http://www.atmos.colostate.edu/webcam/latest.jpg"

    How do you know it's not a background image? That's how I
    would do it.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Liquid-86" <[email protected]> wrote in
    message
    news:eimfhh$qsu$[email protected]..
    > How do I put an Image under a text link? Or How do I put
    a Text link on
    > top of
    > an image. Many sites do this where they have normal text
    links and under
    > them
    > they have images, but it's not a background image, just
    an image inside
    > the
    > cell. How do I do that?
    >

  • Newbee Q: Image transition movement issue?

    Apologies if this is a dumb question, i'm just getting the hang of things and this what should be a simple problem has me baffled.
    I have two 720p PNG images imported into the timeline. When I add any transition the images during the transition are fine but then between transistion is corrupted, like it's been resized a couple pixels down.
    If I take the transitions off everything works as expected.
    Here's my work which shows the issue.
    http://www.youtube.com/watch?v=P-B2xcro-Gg
    Thanks,
    Andrew

    I did nothing other than add two images of 720p res (set project to 720p too) and then default cross fade at the start and end. It happens with all transitions. I did not add any key frames though?
    Andrew

  • Interactive image transition

    iBooks Author: Interactive images on the iPad behave differently from the way they behave as you build them. They do a stupid sideways slide. Is there a way to turn that into something useful? I want to show subtle detail differences from picture A to B to C etc. A fast dissolve or cut in place would be MILES better than a lateral sideways move.
    Is there any way to change the transitions?

    Hi Schwerd:
    Yeah. I just tried it with a portrait oriented image, and it shifts up in the frame. So what I'm seeing is that, if the image is wider than it is tall, it shifts left of center. And if it's taller than it is wide, it shifts up.

  • Iweb images disappear and show only 2 words: Comments Widget

    would anyone please help
    I built a website and publish the web successfully. However, after i changed some album and images, all images disappeared and showed only 2 words "Comments Widget" Anyone know how to fix this problem.
    Thank you!

    the website I pulished seems working well in safari and firefox
    Are you now saying that the first problem is no longer there? All the pages I visited appeared to be loading fine. As far as getting your site to work the IE see How to get your iWeb Site to load in Internet Explorer. IE is the acknowledged worst browser out there. This site may help you.

Maybe you are looking for