Does anyone know where I can get a script like this?

[bethany123]

http://www.frontpageslideshow.net/content/view/14/33/

I don't really like the company making this one, as I've bought from them before - but it would appear just about everyone is using a content thing like this these days, so there must be a few places!

Trouble is I don't know what they're called so it's hard to google!

Does anyone know of a place I could find a similar script (commercial or free) - I'd prefer a javascript/css version rather than flash if possible...

[Chris]

Hi there bethany,
You are right, this type of things is being used all over the place now

Seeing as we are on the dhtmlgoodies site, I thought that I would have a go at adapting one of the gallery scripts here to try to create somthing like the one you have linked to.

To be honest I am not quite sure exactly which part of the demo that you have used is what you are really after, but I have assumed that probably the most interesting part is the ability to add semi-transparant lay-overs with additional image title and descriptions

I have used the image slideshow 2 script as my base and adapted it slightly to add the captions.

My first quick attempt can be found in my
slideshow with captions demo. Please bear in mind that it just a quick attempt and I have delibieratly limited myself to using the scripts here in this site. Quite possibly it could be achieved fairly easily with mootools but that would be in another forum

I have tried to keep alfs original script intact as much as possible, adding to it rather than changing. I haven't modified the fading effect though I must admit that the sliding effect in the url you sent is possibly nicer.

I have added hidden "divs" to add the captions and modified the js and css to overlay them over the pictures.
One thing to note, as is, both the original and my version require the images used to be smaller (or same size) than the container otherwise, in Firefox, they will spill out

You can download a zipped file of my script including images here - I have taken the css and js code out of the main index file to hopefully make things a bit eaiser to understand.


Well, maybe this script will give you a few ideas, I quite enjoyed throwing it together - another one for my "dhtmlgoodies adaptions" showcase

Let me know if you need any help with it.

Chris

[bethany123]

Hi Chris,

Thank you so much! It looks great (more than I was hoping for!)

One thing - ti works wonderfully in firefox, but in IE7 it kinda breaks (seems to change increadibly slowly) and in Opera it just jerks between the slides (like the original one)

Any ideas if this can be fixed?

[Chris]

Hi again, I am glad you liked it

Here is a quick fix for IE7 (I had noticed it was slow but it was late last night when I was working on it)

In the js, find the line

Code: Select all

slideshow2_currentOpacity--;

and replace with this:

Code: Select all

slideshow2_currentOpacity=slideshow2_currentOpacity-10;

Here, rather than just fading by 1% each time, I have modified it to change by 10% (you can modify the "10" to your needs) as the 1% is very slow.

I will take a look at opera now.....

[edit] - I have just had a look at opera, my first impression is that, at least it works, just doesn't fade
[edit 2] - I have just checked it in Safari and it works there too - that was a suprise. I would say that the opera "problem" is an acceptable "downgrade" as it is surely the least used of all the browsers.
Chris

[bethany123]

wow! you're so clever!

You're right, I guess Opera users will just have to do without - is it common for Opera to not work? Is it not a very good browser or something?

[Chris]

Well, all browsers have their quirks and some are better at certain things than others.
Unfortunatly this is not just in the way they display things (css) but also in the way they interpret javascript.
I sometimes wonder we have standards

Chris

[kgregg]

I downloaded the zip to use in a project and found the descriptions are not showing in IE 6.0. Checked your page and found the same. Images but no text.

[Chris]

IE& - but hasn't IE automatically updated everyones version to IE7?

You are right, well at least in my version of IE6 it IS showing the text but not the semi-transparent background.
Unfortunatly this is a known problem with IE6 (and earlier) in that it doesn't support semi-transparent pngs.
There are a few fixes available after searching in google, but I haven't got any of them to work


Chris

[kgregg]

Hadn't noticed the text without the background. I made some
CSS changes so my text does not overlay the photo and the text never shows.

BTW IE 6 is still 50% of the market (http://www.thecounter.com/stats/2007/Se ... rowser.php)

I'll plug away on it.

[Chris]

BTW IE 6 is still 50% of the market (http://www.thecounter.com/stats/2007/Se ... rowser.php)

yes - a lot of people using ilegal OS systems out there

[bethany123]

Hi Chris,

This script has been super and I've been using it loads!

Can you tell me how I can get it to show without the text div? (ie so I just have a set of images that fade nicely between each other?

That'll mean I can use it for even more thing!

[Chris]

hi again, well the orginal dhtmlGoodies script I adapted it from didn't have any texts si you can just use that.
http://www.dhtmlgoodies.com/scripts/ima ... show2.html

Chris

[bethany123]

ooh sorry Chris - I'd forgotten about that - thanks for the help - you're super!

[bellafronte]

Its possible add an url after the captions? Or the image redirect to a url or a page in my site?

[bellafronte]

Its possible turn this script to like this? With a "more" button on the end of the caption and a two smalls images to navigate into the images.