Page 1 of 4 123 ... LastLast
Results 1 to 10 of 35

Thread: DD Drop in slide show

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,085
    Thanks
    157
    Thanked 3 Times in 3 Posts

    Default DD Drop in slide show

    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.
    Last edited by theremotedr; 01-05-2017 at 09:08 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Two critical issues I see:

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

    Code:
    <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.
    DD Admin

  3. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,085
    Thanks
    157
    Thanked 3 Times in 3 Posts

    Default

    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.
    Code:
    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

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

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


    Code:
    <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>
    DD Admin

  5. #5
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,085
    Thanks
    157
    Thanked 3 Times in 3 Posts

    Default

    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.

  6. #6
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    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
    ~ the original bald headed old fart ~

  7. #7
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,085
    Thanks
    157
    Thanked 3 Times in 3 Posts

    Default

    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.

  8. #8
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    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
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  9. #9
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,085
    Thanks
    157
    Thanked 3 Times in 3 Posts

    Default

    Hi,

    Looks great.

    Cheers

  10. #10
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    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.
    Attached Files Attached Files
    ~ the original bald headed old fart ~

Similar Threads

  1. drop in Slide Show
    By lasa2 in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 01-13-2012, 04:50 PM
  2. drop in slide show
    By Barb Copping in forum Looking for such a script or service
    Replies: 0
    Last Post: 10-22-2009, 06:01 PM
  3. help with drop in slide show
    By celtdragonus in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-19-2008, 03:48 AM
  4. Drop In Slide Show
    By mstg2000 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-27-2008, 05:39 AM
  5. Drop In Slide Show
    By snowpak in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 09-05-2007, 04:38 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •