PDA

View Full Version : Embedding slideshows in website


K.Simmonds
01-03-2012, 10:19 AM
I've been using Frobee, a free slideshow maker, which is excellent for the simple fade in fade out slideshow I want. However, I want to put a second slideshow on my site but as they're both named "slideshow.swf" I can't see how to do it. If I could rename them slideshow1.swf and slideshow2.swf I'd be good to go ...... but they won't rename. Any ideas ????

Ricky55
01-03-2012, 07:57 PM
Well these are Flash based slideshows which aren't ideal as users with some mobile devices won't be able to view them.

If you want to continue to use them just rename the two files outside of Dreamweaver and then re-insert into your page.

A better option would be to install a jQuery powered slider instead. These are generally light weight, work well cross browser and can be viewed by almost anyone.

I like http://slidesjs.com/ you can easily have two per page too.

The instructions and examples are really good but if you are a little unsure post back and I'll record a short tutorial for you.

HTH

Ricky

K.Simmonds
01-04-2012, 07:51 AM
Thanks, I'd love you to send a tutorial. I have several websites, and I want to change all my slideshows from Flash to HTML5 .................. but I don't know how to do it. Once I've managed one, the rest will be easier. From what I've seen, it looks a lot more complicated to put into a website than Flash. All I want is a simple fade in / fade out, like this one: www.highcliffecottage.co.uk

Corrosive
01-04-2012, 09:25 AM
Hey Keith. If you just want a cross-fade slideshow then this should be ideal; http://storage.sebringcreative.com.s3.amazonaws.com/jquery/dumbCrossFade.htm

Ricky55
01-04-2012, 04:30 PM
Always nice to offer the user the ability to navigate the slide show though I feel.

I'll record a video for you tonight mate. I really like slides, its light weight and has a load of features.

Corrosive
01-05-2012, 11:29 AM
Always nice to offer the user the ability to navigate the slide show though I feel.

I'll record a video for you tonight mate. I really like slides, its light weight and has a load of features.

Yeah, that is a nice one (bookmarked) :)

K.Simmonds
01-05-2012, 06:02 PM
Sorry for the delay. For some reason I've stopped getting emails when you post replies. Its probably fairly obvious that I'm in the babies class. It's like a jigsaw puzzle. I have Dreamweaver, I have the photos, and I have a website ..... I just can't see how to get the html5 slideshows onto the site. I downloaded the "slides" programme you told me about ... but I can't make head nor tail of it. I downloaded, and extracted the files but I can't figure out what it is that I've downloaded. I also don't know about Jquery. Do you want to give up on me now ????

Ricky55
01-05-2012, 07:43 PM
Dont worry mate I haven't forgotten I prepared all the files for the tutorial last night I'll post it later.

Cheers

Richard

Ricky55
01-05-2012, 09:51 PM
Hi Keith

Sorry for the delay mate, you can now view the video here, just allow a little while for the video to be processed by Vimeo.

http://vimeo.com/34632969

The files I use in the tutorial can be downloaded from here:

http://dl.dropbox.com/u/508261/Tutorials/Slides%20Tutorial.zip

Please let me know how you get on and come back if you need any assistance. Try to stick with it it will be good for your sites in the long run.

Thanks

Richard

BTW
In the video I explain that the div with an ID of animation needs to have the same dimensions as your images this isn't the case, its the slides container that does. You'll see what I mean when you see the tutorial.

Ricky55
01-05-2012, 09:52 PM
The finished article can also be viewed here

http://www.qwerty-demos.co.uk/tutorials/

K.Simmonds
01-06-2012, 08:17 AM
Hi Richard. Thanks a lot for this. I don't know if you're a teacher or not, but if you're not ...... you damned well should be. This has made more sense to me than anything before. I watched your tutorial over breakfast, and I actually want to take the day off to get on to doing it, but I can't - so later tonight maybe. My problem is that I'm completely self taught, and I want to progress soooo much, but I'm stuck. I don't know ANYONE around me who is remotely interested. I'm almost embarrassed to tell you I don't even know how to use CSS (as you can see from that website). When you explain things .... it actually makes sense, because you don't assume that already know stuff. Thanks again, and I'll get on to it as soon as I can.

One thing I will say though, is that site really does do it's job. I've got it high up the listings, and she has got lots of bookings from it - so I've done something right.

Ricky55
01-06-2012, 08:23 AM
Thanks Keith that means a lot.

Don't worry mate loads of web designers are self taught, I am 100% self taught.

The thing is its only in recent years that college and university courses have been available and even now I think they are sometimes lacking from what I hear.

Later this year I actually plan on relaunching my website with a blog and tutorials to help web designers of all levels. So I'll keep you posted.

Won't have a forum though so not in competition with this great forum of Doms.

Let me know how you get on seriously.

Thanks

Richard

Ricky55
01-06-2012, 08:29 AM
By the way one of the best courses in CSS IMO even though its a little old now is one that Andy Clarke recorded with Molly Holschlag for Lynda.com.

Its a paid for site but only costs 13 per month and you can sign up for just one month. This was the course that made the penny drop for me.

Like I say its a little out of date now but still full of great info.

Cheers

http://www.lynda.com/CSS-tutorials/for-designers/216-2.html

K.Simmonds
01-06-2012, 04:20 PM
Hi Richard. I'm home for a couple of hours and I've grabbed a coffee and got straight on with the job! Watching your tutorial though, you say a couple of times "just copy and paste my code" how do I do that? It's on a Vimeo tutorial !

Ricky55
01-06-2012, 08:04 PM
You can download all the files that I used in the tutorial from the link that I provided.

Here it is again mate. You will need to unzip the folder.

http://dl.dropbox.com/u/508261/Tutor...20Tutorial.zip

Ricky55
01-06-2012, 08:06 PM
Some strange reason mate that link is broken use this one instead.

http://dl.dropbox.com/u/508261/Tutorials/Slides%20Tutorial.zip

K.Simmonds
01-07-2012, 10:15 AM
Hi Richard. I thought I had it cracked - but then hit snags. I've got my js folder into Dreamweaver and also my images, and I'm about to put the code in. But in your tutorial you say "just copy and paste my code" but how? I can't find it anywhere other than in your vimeo tutorial. I could type it all in manually but that's asking for problems. I know I'm being thick, but bear with me.

Ricky55
01-07-2012, 04:28 PM
Download all of the files that I used in the video using the link I provided above. Then you can simply open my index.html file in code view and select the code and copy and paste it into your document.

If you are struggling to download the files email me and I'll send them to you directly.

richard@qwerty-design.co.uk

or just download them here:

http://dl.dropbox.com/u/508261/Tutorials/Slides%20Tutorial.zip

dubstyle5000
01-12-2012, 02:52 PM
I've really enjoyed watching some of your tutorials Richard. Thanks for all the help!

Ricky55
01-12-2012, 03:18 PM
Thanks mate. Any suggestions for any more?

dubstyle5000
01-12-2012, 03:22 PM
Thanks mate. Any suggestions for any more?

I'm a beginner so I could go on all day about tutorials I need :roll:

I know that sooner than later I will need to figure out how to use CGI to complete my "contact us" form. I'm fully expecting that to become a nightmare.

Ricky55
01-12-2012, 07:10 PM
PHP is more commonly used to process forms but forms can be be difficult to style with CSS so it may make a good one although reading from your other posts you could use some layout tips first.

Do you have a layout that I could perhaps use as an example?

dubstyle5000
01-12-2012, 08:16 PM
Thanks mate. Any suggestions for any more?

PHP is more commonly used to process forms but forms can be be difficult to style with CSS so it may make a good one although reading from your other posts you could use some layout tips first.

Do you have a layout that I could perhaps use as an example?

I will soon. I have to say my progress, at least as far as layout is concerned, has started to come about pretty quickly. My site now has a series of pages built from a template (templates were yesterdays learning project) and I've been able to get things to position where I want them to. Today I followed a tutorial that allowed to add a nice jQuery image rotator to my home page. Really good stuff 8-)

I'm starting to do things in the code, rather than the design window, per your suggestion. Seems like it would be harder, and sometimes it is, but it's helping me to really understand things.

KDH
07-17-2012, 04:01 PM
I'm a total newbie here - and trying desperately and quickly to learn as much as I can about css - and was convinced that I should stop using my flash based slideshow and use http://slidesjs.com/ one instead. I'm stupidly stuck, though. I haven't uploaded my website yet, I'm just creating the pages - and I don't want it to go live until I'm ready to launch my business. Where do I store the images for the website? I see in the example at slidesjs that the images are stored on webpages - but since I don't really have webpages yet I'm mystified. Sorry if I'm being thick!

Many thanks for all the information thus far...it really helps!