Creating javascript slideshow in iWeb

Hi guys,
Any ideas how to implement it?

Open slideshow.js and edit delay/duration values found around line 25 of document. Save and upload file to see changes. To add included transitions open index.html and where you see
</style>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">
Change the code so it looks like this:
</style>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript" src="js/slideshow.kenburns.js"></script>
<script type="text/javascript">
You can change kenburns to "push" or "flash" for different effects.
Remove nav bars by making slideshow dimensions smaller (photos) or iframe bigger. Just click the corner of the snippet in iWeb and drag it to make it a little bigger and avoid nav bars.
Hope that helps!

Similar Messages

  • 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

  • Creating a slideshow in iweb

    i noticed a topic on slideshows where the user was having problems with the pixilation and was wondering how to do this on iweb. it is something i would like to include on my website if possible

    I noticed the topic to.
    http://discussions.apple.com/message.jspa?messageID=11099916&tstart=0

  • Publish iDVD Slideshow on iWeb

    I have created a slideshow with music in iDVD and burned several DVDs. I would like to publish the content to iWEB in my .Mac account but have not been able to figure out how to do it.
    Can anyone help?
    Thanks,
    Tony
    Power Mac G5   Mac OS X (10.4.8)  

    There is no easy way to use the DVD slideshow created by iDVD.
    Why not just create the slideshow in iWeb. Try the iWeb forum at http://discussions.apple.com/category.jspa?categoryID=188 if you need help.
    See also: iWeb 1.1 Help - Setting up a photo slideshow at http://docs.info.apple.com/article.html?path=iweb/1.1/en/bld1037.html , iWeb 1.1 Help - Importing photos from iPhoto at http://docs.info.apple.com/article.html?path=iWeb/1.1/en/bld1123.html and iWeb 1.1 Help - Adding photos and captions at http://docs.info.apple.com/article.html?path=iWeb/1.1/en/bld1036.html

  • How do i create a slideshow with arrows in iweb

    i want to create a "slideshow" that allows the user to move forward and backward using arrows at their own pace rather than a looping slideshow they cannot control.

    if you have iwe2 or iwe3 then you can use iweb photos page pop up slideshow.
    when your users pop up the slideshow, they can mouse-over the slideshow image and a slideshow will show up to allow them to pause/play, next and prev image.
    it also has thumbnails row on top, your users can selectively display and image.

  • How to create a slideshow at homepage

    how to create a slideshow at homepage like this
    http://www.thinkfa.com/
    if I have to using java script, how do I can get started to use javascript for iweb?
    Thanks before
    R.E

    Hey, after all, a Superman still just a Clark Kent bro
    But thanks anyway for all your answer !
    I will keep trying to try and implement all the best I could do for my web with iweb application...
    after digging this forum, I decided to try the easiest way to put my slideshow, here is the result
    http://mwshomesite.rhezaelfuego.com/ebw/Blank.html
    I know its awkwards...
    but I will keep tryin
    thanks for all help and answer.
    Appreciate.

  • WOW Slider to add a slideshow to iWeb

    I came across WOW slider and wanted to put an automatic starting slide show into my site, however I am having some troubles and hope you may be able to help.
    I have created the slideshow and now want to place it WITHIN a page I already have on my site. This position is exactly the same place as the original video I have (see http://www.senkkifurniture.com.au/collection.html).
    I am following the help page Part 7 as it reads below http://wowslider.com/index.html#support)
    +Add WOW Slider inside your own page.+
    +WOW Slider generates a special code. You can paste it in any place on your page where you want to add image slider.+
    +    * Export your photo slider using WOW Slider in any test folder on a local drive.+
    +    * Open the generated index.html file in any text editor.+
    +    * Copy all code for WOW Slider from the HEAD and BODY tags and paste it on your page in the HEAD tag and in the place where you want to have a jquery slider (inside the BODY tag).+
    <head>
    +<!-- Start WOWSlider.com HEAD section -->+
    +<!-- End WOWSlider.com HEAD section -->+
    +... </head>+
    <body>
    +<!-- Start WOWSlider.com BODY section -->+
    +<!-- End WOWSlider.com BODY section -->+
    ...</body>
    I am using iWeb to build my website, have an iMac and run OS X 10.6.6. I run Firefox. Wow version 1.3.
    I am confused when it comes to “Copy all code for WOW Slider from the HEAD and BODY tags and paste it on your page in the HEAD tag and in the place where you want to have a jquery slider (inside the BODY tag).”. I have exported the wow slider to a test folder and opened the index.html. I’ve viewed the html which reads
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    *<title>WOWSlider generated by WOWSlider.com</title>*
    *<meta http-equiv="content-type" content="text/html; charset=utf-8" />*
    *<meta name="keywords" content="WOW Slider, Image Slider Html, Image Slider In Html" />*
    *<meta name="description" content="WOWSlider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />*
    *<!-- Start WOWSlider.com HEAD section -->*
    *<link rel="stylesheet" type="text/css" href="engine/style.css <view-source:file:///Users/moniqueboseley/Desktop/test/engine/style.css> " media="screen" />*
    *<style type="text/css">a#vlb{display:none}</style>*
    *<script type="text/javascript" src="engine/jquery.js <view-source:<a class="jive-link-external-small" href="file:///Users/moniqueboseley/Desktop/test/engine/jquery.js>">file:///User s/moniqueboseley/Desktop/test/engine/jquery.js></a> "></script>*
    *<!-- End WOWSlider.com HEAD section -->*
    </head>
    *<body style="background-color:#ffffff">*
    *<!-- Start WOWSlider.com BODY section -->*
    *<script type="text/javascript" src="engine/script.js <view-source:<a class="jive-link-external-small" href="file:///Users/moniqueboseley/Desktop/test/engine/script.js>">file:///User s/moniqueboseley/Desktop/test/engine/script.js></a> "></script>*
    *<!-- End WOWSlider.com BODY section -->*
    </body>
    </html>
    I have then copied the html above in bold and placed it within a HTML snippet where I want it on my page, pressed apply then uploaded it to the net (see http://www.senkkifurniture.com.au/screen_dump.html). However this is how it comes out http://www.senkkifurniture.com.au/collection_2.html. There are no photos and definitely no slideshow.
    I would SO appreciate your help as i am about to pull my hair out.
    Thanking you in advance.

    Thanks Koeklin & Wyodor your answers have put me one step forward...yay
    http://www.senkkifurniture.com.au/collection_2.html
    I removed all the #'s from this line koeklin said however the link still seems to be there. I don't want any links, just photos fading from one to another.
    When i removed the whole line as in 2a (above in Koeklins answer) and the "a" bit all the images disappeared. Sorry couldn't cut and paste the sections exactly as they turned into links when i previewed it.
    Is there anyway to get rid of the wowslider.com on the photo? See http://www.senkkifurniture.com.au/collection_2.html
    *Here is the scrips as i have pasted it into my HTML Snippet:*
    <head>
    <!-- Start WOWSlider.com HEAD section -->
    <link rel="stylesheet" type="text/css" href="engine/style.css" media="screen" />
    <style type="text/css">a#vlb{display:none}</style>
    <script type="text/javascript" src="engine/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
    <body style="background-color:#ffffff">
    <!-- Start WOWSlider.com BODY section -->
    <script type="text/javascript" src="engine/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
    <!--code_set--><script type="text/javascript">
    </script></body>
    Thanks again.

  • Aperture 3 quicktime slideshow on iweb

    Hi - I am trying to use aperture 3 slideshows on iweb instead of flash but the quality is lacking - the sharm movie files are over 30mb so when compressed to around 10mb loses image quality
    see here : http://web.me.com/ruperteden/casasnaareia (click on image)
    the movies are slow to load on Firefox and do not load at all using Google Chrome ?
    Does anybody have a solution to increase image quality keeping files small enough ?
    Steve Jobs if you are reading this please can you come up with a solution quickly or I will have to revert back to Adobe Flash which like you I hate using !
    Thanks in advance !

    On the page it says :
    Put a texbox with a unique word on the page.
    Then add a HTML Snippet.
    The HTML Snippet has this code :
    <script language="JavaScript" type="text/javascript">
    <!--
    var bodyLoad = parent.document.getElementsByTagName("body")[0];
    load = bodyLoad.getAttribute("onLoad");
    bodyLoad.setAttribute("onLoad", load + "function(){VideoJS.setup();}");
    var headID = parent.document.getElementsByTagName("head")[0];
    var newScript = parent.document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = 'zencoder/zencoder.js';
    headID.appendChild(newScript);
    // -->
    </script>
    This is the page iWeb creates from the HTML Snippet.
    http://www.wyodor.net/Demo/html5//HTML5_Zencoder_files/widget1markup.html
    Here's the zencoder.js file :
    http://www.wyodor.net/_Demo/html5/zencoder/zencoder.js
    It adds extra HTML code :
    http://www.wyodor.net/_Demo/html5/zencoder/video-js.css
    http://www.wyodor.net/_Demo/html5/zencoder/video.js
    and then displays this file :
    http://www.wyodor.net/_Demo/html5/zencoder/index.html
    The page has all the code to display .m4v, .ogg, .webm and flash.
    In the end the textbox is behind the movie. I only needed it to find the location on the page (the top left corner) to display the video.

  • I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself if it overlaps into the "hidden" nav bar area. I can cmd click and drag it into this area, but then all the rest

    I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself (and the animation doesn't work) if it overlaps into the "hidden" nav bar area (indicated by a blue rectangle). I can cmd click and drag it into this area, but then all the rest of my site is pushed down the page. Don't know what to do about this. I don't know how to bring the rest of the page up without dragging it also into the designated nav bar area. Also, by doing this, is it affecting my site in ant way? see my site here at www.steveburrowsimages.com
    The home page is with it all draged into the nav bar area and the about page is with is outside the nav bar area (notice that the top button does not animate or work as a button.
    Getting confused here. Anyone got any ideas?

    Well, you made a good start with SEO by getting rid of the iWeb default navigation since it doesn't help the spiders and, out there in the real world, there are more people than you would think with javascript turned off in their browsers.
    One of the downsides of iWeb is that it doesn't allow for the alt attribute in the img tag. Its well worth adding these to give you extra keywords even if you have captioned all your images. Use iWeb SEO Tool for this...
    http://www.iwebformusicians.com/Search-Engine-Optimization/Tags.html
    iWeb, just like most drag and drop software, creates a huge amount of code which causes the pages to load slowly in the browser. Running you files through an optimizer will help to reduce this problem and further reduce the size of image files even beyond the initial optimization you do before loading them into iWeb...
    http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html

  • Slideshows in iweb

    Hello. I made a slideshow in iphoto. How do you put it into an iweb website and be able to use the features for slideshows in the inspector of iweb? Thanks.

    As pointed out above, the features for slideshows in iWeb's inspector are for slideshows generated from iWeb — not from iPhoto. But you can put your iPhoto slideshow in any iWeb template page by doing the following...
    Select your slideshow in iPhoto's panel on the left. Click on File > Export... and save the QT movie file to the Desktop. Then drag that .mov file from the Desktop to an iWeb page (any template). Then, to control your slideshow movie's appearance and behavior when it's viewed in a browser, click on iWeb's QuickTime Inspector tab.
    By the way, you can create a more efficient slideshow movie in iPhoto by selecting the photos you want included in the slideshow and choosing File > Export > QuickTime tab. As above, you would then drag the movie file to an iWeb page. With this approach you won't have so many configurable options, but the resulting slideshow movie file will be very small and thus quick to appear when your web page is viewed.

  • How to publish a photo book and slideshow in iWeb

    Is it possible to (or how do you) publish a photo book and slideshow in iWeb created either in Aperture or iPhoto?

    Here's an example of E Books. They're created in iWork and loaded into iWeb as a compressed PDF for download. The photo of the front cover is used for the link.
    http://roddymckay.com/SongBooks.html
    http://www.maisonlavoie.com/Catalogue.html
    For a larger file, you can upload it to a folder on your server and create a link to it from your website.

  • Automatically playing slideshow in iWeb help.

    Hi all.
    I am creating my first site in iWeb and in the home page would like an image slideshow to automatically play once the page is displayed. Custom dimensions, no thumbnails or text, just 4 or 5 pictures, automatically changing. Help! I have iMovie, Adobe Fireworks (on a pc laptop) and dont want the Quicktime 'Q' displayed either. Yr experienced advice much appreciated.

    see my post here for building slideshow with iweb photos page:
    http://discussions.apple.com/thread.jspa?messageID=13175645&#13175645
    example and code here:
    http://iweb3widgets.cyclosaurus.com/AutoSlideshow/AutoSlideshow.html
    http://iweb3widgets.cyclosaurus.com/AutoSlideshow/Code.html
    and here for addition info:
    https://discussions.apple.com/message/15308893

  • Creating a Slideshow in Dreamweaver or Adobe Bridge?

    Hi there
    I was wondering if anyone has any advice on creating a slideshow?
    I've created the basic pages pages for my site in dreamweaver, but I'm reading conflicting information on how to create a slideshow
    It would be a homepage continuous slideshow, not one that is controlled, it just keeps sliding images across:
    This sort of slideshow I'm looking to create
    http://www.sotostore.com/
    http://www.vooberlin.com/page/home
    Do I need to create this in bridge? Or somewhere else? Or in Dreamweaver?
    If it os in bridge, how do I then put this into my dreamweaver site?
    Does anyone have any step by step instructions?
    This is my second site, so I know what I'm doing, but I'm still very new at it
    Thanks in advance

    Hi there and welcome,
      Since you mentioned that you're very new to web and dreamweaver, I would suggest looking up gallery plugin solutions. There's lots of free galleries out there that you could easily drop your own content into that would save you time. : ) Here's some great examples:
    http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/
      However, there are ways to create your own. This tutorial by David Powers is really great for using CSS to do transitions on content. I would apply the same technique he used here in your own gallery/slideshow.
    http://www.adobe.com/devnet/dreamweaver/articles/css-transitions-panel.html
      Have you tried using Adobe Edge? This is the new HTML5/CSS3/Javascript publishing application and it is very simple to create a gallery in Adobe Edge. It's currently free for download because it's still in prerelease. Here's a tutorial that might be a little dated as far as UI goes (again the prerelease versions tend to change very quickly with their UI development) but you should be able to apply the techniques to the most recent release:
    http://www.youtube.com/watch?v=lzsfWx8AQpg
    Download Edge here:
    http://edge.adobe.com/
    I hope this helps!

  • Slideshow in iWeb won't work on my server - not .Mac,

    My Photos page, created with a template, is giving me a 404 msg. (SlideShow.html not found on this server) whenever I go to click on the SlideShow icon. My site is http://www.theweetman.net.
    However, when I run the site from my desktop files, the slideshow works.
    Does the site have to be uploaded to a .Mac server to work on-line?
    BTW - I used Fetch 5.2 to upload my files, and the SlideShow.html file is where it is supposed to be. Please Help!
    Thanks
    WeetMan

    I took you advice, as given in this thread and now my slideshow works. iWeb has a problem with Verizon servers, with regard to SlideShow.
    WeetMan
    Posts: 1,917
    Registered: Nov 30, 2000
    Re: iWeb slideshow giving a 404 error when I publish to a folder
    Posted: Feb 4, 2007 11:16 AM in response to: Macericpet
    Solved
    Reply Email
    How did you edit .js?
    Give this a try, edit this file:
    http://mysite.verizon.net/macericpet/Home/SlideShow_assets/openSlideShowWindow.j s
    Open it with text editor, you will find two functions:
    function openSlideShow(initialIndex)
    function openSlideShow2(initialIndex, language)
    You can swap them, rename openSlideShow to openSlideShow2
    and rename openSlideShow2 to openSlideShow
    . . . from Cyclosaurus

  • What's the best way to create a portfolio in iWeb?

    I'm a freelance writer. I'm creating my website using iWeb. Now I'm trying to add my portfolio. I don't think the album page will work. Does anyone have any advice?

    There are several ways you can go about it. If the documents are single pages it would be easier to create an image file of the document and add it to the web page for the visitor to read.  For a downloadable pdf version of it first make a pdf version and then zip/compress it:
    Then create a text based hyperlnk like "Click to download" and link it to the zipped file via the Inspector/Link/Hyperlink pane and the Link to a File option:
    Click to view full size
    Another approach would be to create image files of each document you want to display.  Then upload them to a folder on your server titled "docs".  Then use the method in this demo page to let visitors click on a button under a thumbnail version of the document to open it in a new, separate window for reading: Opening Item in a New, Precisely Sized Window.
    Then add a hyperlink under each thumbnail titled "Download" and link to the zipped png version.  You could add many docs to one page and not have to create a separate page to display each document.  An example of multiple items on a page that open in their own windows can be seen in this demo page: PhotoPresenter Animated Slideshow Themes.
    It's just what you're comfortable with as far as iWeb is concerned. 

Maybe you are looking for