DD Drop in slide show

[theremotedr]

Hi,
This is the DD script ive followed http://www.dynamicdrive.com/dynamici...ropitslide.htm
This is the page ive installed it on http://www.theremotedoctor.co.uk/index.html

Ive left the header blinking photo in place to show where i need the slideshow to operate.

Please could you take a look.

Many Thanks.

[ddadmin]

Two critical issues I see:

1) You have an extranous </script> tag that shouldn't be there:

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

/***********************************************
* Drop-in Slideshow Script- (c) Dynamic Drive (www.dynamicdrive.com)
* Please keep this notice intact.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</script>

2) Secondly, the reference to dropinslideshow.js on your page is broken: http://www.theremotedoctor.co.uk/dropinslideshow.js Make sure to upload the file to that location.

[theremotedr]

Evening,
js file now in correct location.

That extra </script> has been removed but i then see a syntax error at line 106 of which is the var start text below.

var m-images=new Array()
m-images[0]=["photo1.png", "", ""]
m-images[1]=["photo2.png", "http://www.theremotedoctor.co.uk/m-images/dr-header.png", ""]
m-images[2]=["photo3.png", "http://www.theremotedoctor.co.uk/m-images/honda-flip-remote-upgrade-special-offer.png", "_new"]

I will have you know i am not the brightest spark in the box.
Thanks

[ddadmin]

I still see the extra </script> tag near the top of your head. Also, for your initialization code, it should be:

<script type="text/javascript">
//Define Image Array. Syntax: ["image_path", "url_destination", "url_target"]
var myimages=new Array()
myimages[0]=["photo1.png", "", ""]
myimages[1]=["photo2.png", "http://www.theremotedoctor.co.uk/m-images/dr-header.png", ""]
myimages[2]=["photo3.png", "http://www.theremotedoctor.co.uk/m-images/honda-flip-remote-upgrade-special-offer.png", "_new"]

//Create new drop-in slideshow
//Syntax: new dropinslideshow(image_array, slideshow_width, slideshow_height, delay_before_rotation)
new dropinslideshow(myimages, 200, 250, 3000)

</script>

[theremotedr]

Morning,
I have now completed it,thanks very much.
One question please,
I need to make it look like my other header images,so can you point me in the direction of where i add the code so a shadow can be seen.
Then fully completed.

Thanks for the pointers.

[coothead]

Hi there theremotedr,

I notice that the script is now nine years old.
It is not responsive like the rest of your site.
Do you have more than two images for the slider?
If so can I see them all?
Are you aware that this can now be done with CSS?

coothead

[theremotedr]

Morning,

I am not aware about the css version so if it will be better then lets go for it.
It would only be applied to the page http://www.theremotedoctor.co.uk/index.html

These at present would be the images to use.
m-images/dr-header.png
m-images/honda-flip-remote-upgrade-special-offer.png
m-images/blue-key-remote-special-offer.png
m-images/suzuki-flip-remote-upgrade-special-offer.png

Should i need to add another say next week etc please provide a provision for me to add it to the code.

There is also no need to have it hyperlinked,i dont need to click the image to go anywhere or show the image etc.

Thank you.

[coothead]

Hi there theremotedr,

check out the attachment which shows an example.

If it meets your requirements, I will put it in a atest page for you.

coothead

[theremotedr]

Hi,

Looks great.

Cheers

[coothead]

Hi there theremotedr,

I have corrected, tidied up a little, validated and added the CSS slider to your index.html file.

Check out the attachment.

If you need more than eight images let me know and I will give you the appropriate code.

The present code has a slide down of one second and five seconds of static display.

This, again, can be changed to suit your requirements.

Unfortunately, I am unable to test on mobile devices.