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>
++
++
+... </head>+
<body>
++
++
...</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" />*
**
*<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>*
**
</head>
*<body style="background-color:#ffffff">*
**
*<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>*
**
</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>

<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>

<body style="background-color:#ffffff">

<script type="text/javascript" src="engine/script.js"></script>

<script type="text/javascript">
</script></body>
Thanks again.

Similar Messages

How do I add a pathfield to each slide in a customized slideshow component?

While I have customized the foundation components in terms of their dialog structure or jsp rendering thus far, I have not delved as deep as editing the .js files which seems to be what would be required to add a pathfield to each slide in a slideshow.
im not sure which files i need to alter and include in some sort of clientlibs folder in the customized slideshow component(or where those files are located by default) and how to alter them to add the pathfield per slide(and make sure that field is saved along with other data when dialog is closed).
Is there anyone out there that could help me with this? ive gone through the training materials i have and google'd the holy bejeebus out of it but cant really find any answers.
A video of a NKU slideshow component shows kind of what i am trying to do: http://www.youtube.com/watch?v=nkS6KalmiS0

The JS files that you will probably need to modify are these -
/libs/cq/ui/widgets/source/widgets/form/Slideshow.js
/libs/cq/ui/widgets/source/widgets/form/Slideshow/Slide.js
/libs/cq/ui/widgets/source/widgets/form/Slideshow/SlidesPanel.js
/libs/cq/ui/widgets/source/widgets/form/Slideshow/TitlePanel.js
If all you need to do is add a pathfield to the panel, you should be able to do this by modifying the TitlePanel.js. The way I have customized the slideshow component is copy this files to my app directory and change the xtype on the Slideshow.js when registering it.
So your custom component would look something like this -
/apps/mycomponent/slideshow/clientlib/js.txt (for JS libraries)
/apps/mycomponent/slideshow/clientlib/source/Slideshow.js
/apps/mycomponent/slideshow/clientlib/source/Slide.js
/apps/mycomponent/slideshow/clientlib/source/SlidesPanel.js
/apps/mycomponent/slideshow/clientlib/source/TitlePanel.js
/apps/mycomponent/slideshow/myslideshow (your custom slideshow component - dialog/jsp etc)
Your js.txt would look something like this
#base=source
Slideshow.js
Slide.js
SlidesPanel.js
TitlePanel.js
At the very end of your Slideshow.js file, you will register your custom component like so
// register xtype
CQ.Ext.reg('myslideshow', CQ.form.Slider);

How do I add a slideshow to my Home Page?

Hello, I want to add a slideshow (3 pictures) to my Home Page in iWeb 08. I don't know if I have to use a specific application or program to do so, or if I can even do that. I already made my slideshow using Adobe Flash CS4 but I have no idea if that works or not.
Any answer is appreciated.

meylh wrote:
I already made my slideshow using Adobe Flash CS4...
To include an SWF in your iWeb site, see this tutorial:
http://web.mac.com/catucker/InsideOutside/Flash.html
To use iWeb's own slideshow, see this Apple doc:
_iWeb '08 — Setting up a photo slideshow_
Notes: For that approach you would need to design your Home page using the Photos page template. And if you don’t publish your site to MobileMe, the "enhanced slideshow" feature is unavailable.
Or, for an embedded QuickTime slideshow, take a look at this example (not mine):
http://www.heese-cadieux.com
...and done like this:
iPhoto > select photos > File > Export... > QuickTime tab ...set width and height, etc.
Then iWeb > Media button > Movies tab ...drag in your movie created above by iPhoto.
Then iWeb > Inspector > QuickTime tab ...settings.
Note: The above generates a QT slideshow of small file size and thus appears quickly in a web browser.

Adding a Flash-Type Slideshow in iWeb

I want to add a slideshow to my home page, but not the kind of slideshow that has a bar of thumbnails and an enlarged version of the selected image. I'd like a frame that automatically plays a slideshow of images that play for a few seconds with a simple transition. Is this something I can create in iMovie and then import or even in iPhoto? I know you can't use Flash itself, which is fine since I don't know the program, although I'd learn it for this purpose if it was possible to use it.
All thoughts are appreciated. If interested, the site is www.jrcphoto.net
Thanks
Jim

Jim ~ You can create a QuickTime movie slideshow in iPhoto. Here's an example of a fast loading, looping embedded slideshow (not mine):
http://www.heese-cadieux.com
...and done like this:
iPhoto > select photos > File > Export... > QuickTime tab ...set width and height, etc.
Then iWeb > Media button > Movies tab ...drag in your movie created above by iPhoto.
Then iWeb > Inspector > QuickTime tab ...settings.
Note: The above generates a QT slideshow of small file size and thus appears quickly in a web browser.

Posting slideshow on iweb from iphoto

okay, i'm new to mac and website design. i would like to know how i can add a slideshow that i made in iphoto and place it on iweb?
i'm using the 60 day trial. is this feature not available to me? in iphoto >share > send to iweb> the options aren't highlighted.
i'm very lost and any help would be more than appreciated.
Marisa

Marisa,
Welcome to the Discussions!
I am not using the 60-day trial and I don't have that option available either. My best guess would be that slideshows as such cannot be sent directly to iWeb. What can be sent to iWeb, is a photo album containing the images that you built the slideshow with in iPhoto, and they will then become a photo page in iWeb. Once you have a photo page in iWeb, and publish it, whoever visits that page can view the photos as a slideshow in his or her browser. You won't have music that way, though.
Alternatively, you could export your slideshow from iPhoto as a QuickTime movie, and put that on your website on a movie template. Be advised though that iPhoto tends to create large files this way, and they may be too large for publication on a web page. I just did a quick test and 17 photos exported at medium size generated an 18MB movie... I believe iWeb advises us to keep movies under 10MB. Maybe someone here knows of a trick to compress that more.
Hope this helps.
An

Can i ad a slide show to my sites using iWeb 1.1.2?

Can i ad a slide show to my sites using iWeb 1.1.2?

Then you use the HTML Widget to display the slideshow :
http://www.wyodor.net/iWebBlogTest/Wyodor_1/WebBanner.html
http://www.wyodor.net/_Demo/MyHouse/Huis.html

HT3775 I am trying to add a slideshow to my website

I am trying to add a slideshow to my website, with no luck. I am using dreamweaver and have created a slide show in iPhoto. I'm not sure what format I need to save the slideshow in, in order to add to my website. Any HELP would be great. Thank you in advance!

QuickTime movie format will create a .mov or .m4v file that you can use in a Web page.

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">

</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.

Can't add a slideshow, change name

I have had nothing but problems with Idvd. Now with version 6 I can't even add a slideshow. When I click the add button I get the text that says My Slideshow but when I click it to change the name it selects the title above. I cannot get it to open to add slides. Basically it doesn't work at all like it is supposed to. It looks like I could have one slideshow called My slideshow but that is no fun. Anyone have any ideas why this is happening. I already reinstalled it, deleted preference files and no luck. Ideas?

It's the Video card on the G4. Apple tech support confirmed that our systems (older G4) dont have the power to exploit the new software. I just upgraded to an ATI Redeon 9200 MAC Edition and the problem went away. About $137 at Other World Computing. It's worth the money. But I agree, what a pain in the butt to see our older systems being put out to pasture. I figure this will stretch my MAC out for another 12-24 months (already did the 400mhz to 1.25ghz upgrade last year.
Keith

Adding Slideshow to iWeb page

I am trying to add a slideshow to my homepage on iWeb? I need it to automatically start scrolling when the page is opened. I have no idea about what software, if any, that I can use. PLEASE HELP!

What you are referring to is a banner rather than a slideshow.
The first part of the bannner and slideshow section of iWeb for Musicians shows various banners....
http://www.iwebformusicians.com/Banner-Slideshow/Banners.html
This is an example with captions and hyperlinks to other pages...
http://www.iwebformusicians.com/Banner-Slideshow/Action-Banner.html
Here's a scroller with mouse over to stop and hyperlinks...
http://www.iwebformusicians.com/Banner-Slideshow/Conveyor-Belt.html
If you want to avoid using javascript, try this...
http://www.iwebformusicians.com/Banner-Slideshow/HTML5-Banner.html
or this...
http://www.iwebformusicians.com/Banner-Slideshow/QuickTime-Website-Banner.html

Wow slider in edge animate

how can i add a wow slider in my edge animate website project ?

is there any suggestions buddies ?

I am running 10.6.8 and using iweb for my web site. After several SEO analysis they all indicate I need H1-6 header tags. After looking at the source code I see there are none in iweb. Is it necessary to add? If so, how do I add H Tags to iweb.

I am running 10.6.8 and using iweb for my web site. After several SEO analysis they all indicate I need H1-6 header tags. After looking at the source code I see there are none in iweb. Are they necessary to add? Why would one add these tags and how do I add H Tags to iweb? And are there examples to look at? I am slowly learning about simple web design and assumed that iweb was stand alone without having to write code. Is this one of the reasons iweb is no longer supported? Thanks for looking at this!

A simple text page like this:
Heading
    sub heading
          text paragraph ....
Is traditionally represented by html tags like:
<h1>Heading</h1>
     <h2>sub heading</h2>
          <p>text paragraph ... </p>
I would guess that the use of h1-h6 tags helps search engines to understand the structure of a page as the tags imply a certain structure.
This can be compared to more generic tags like <div> that could represent any kind of content - and may be what iWeb uses (you'll have to check yourself).
I would generally recommend that you use some kind of up to date blog/site building tool, perhaps Wordpress or Squarespace (I haven't used either one myself) that support current web technologies - this should reduce your SEO issues and make it easier to properly support mobile/tablet users.

Subject : Slideshow looks bad Hello guys I have a project in my Final Cut just about done. I want to add my slideshow as part of the project and burn it to DVD. In my slideshow, there are some stills from the movie clips and some downloaded from the i

Subject : Slideshow looks bad
Hello guys
I have a project in my Final Cut just about done. I want to add my slideshow as part ofthe project and burn it to DVD. Inmy slideshow, there are some stills from the movie clips and some downloadedfrom the internet but they all look blur when playback and even worse if Iapply Ken Burn to it. Pleasesome one can tell my how to do it right or it can’t be done because thedownload quality and stills from the clip are not suitable or slideshow. Thank you
PSC

Thank you Ross.
The entire DVD containing Quick Time movies (Final CutExpress project) and slideshow was done in iPhoto. The Final Cut project was rendered prior to export to QT, the slideshow was sent to iDVD withoutrendering. The slideshow with most of the pictures from my still camera incombination with stills from movie clips and some downloaded from the Internet.After burning, the movie playback is perfect but the slideshow is not. The slideshow containing 3 differentkinds of pictures; those from my still camera looks OK; the stills from themovie clips and from the Internet are not. I don’t have much knowledge in this game, but I think NTSCwith frame size 720x480, and the downloaded picture Item Property shows most ofthem are between 400 to 500 x 300 to 600, may be both of them are not suitablefor TV screen while the stills from my still camera looks OK because they are2048x1536. Please enlightenme. Once again, thank you so much,I really appreciate the time you offered.
psc

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

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!

WOW Slider to add a slideshow to iWeb

Similar Messages

Maybe you are looking for