Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Carousel and Wordpress

  1. #1
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Carousel and Wordpress

    1) Script Title: Background Image Carousel

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...bgcarousel.htm

    3) Describe problem:

    Hi,

    I'm trying to get this script working on a wordpress site. I've tried pointing to the js. file on site and on the DD page but had no luck;

    <script src="http://www.dynamicdrive.com/dynamicindex14/bgcarousel.js" type="text/javascript">

    Unfor I'm building the site locally so I cant point you a link. Is there anything else I need to do other than setting the above when using on a wordpress site?

    Cheers,
    Tim Harper

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,026
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    Unfortunately, we cant offer help without a working link - this is because there will be other scripts and css at play that can influence your individual setup.

    Also, we need to see how you've attempted to install the DD scripts/HMTL/CSS - you might have put something in the wrong order or incorrect place but we have no idea of knowing this without a fully working example to troubleshoot from.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    If you don't have your site live, try to reproduce the problem using a tool like jsfiddle. Look at the output source code for the page in question, and copy the smallest logical portions until you have the same problem.

    If the problem is on the PHP side of WP, however, you're going to have better luck at a WP-oriented forum (or hiring a WP developer).

  4. #4
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the advice guys, I'll leave it till last so and check back when the site is uploaded unless I can fix it before then.

  5. #5
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Have you tried downloaded the js file and using a local link to it rather than a url to dynamic drive?
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  6. #6
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Carousel and Wordpress

    1) Script Title: Background Image Carousel

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...bgcarousel.htm

    3) Describe problem:

    I've just installed the above in the header of the home page at the below link but can't seem to get it working. It worked fine when I had the site in satic form and I thought when transfering over to Wordpress I just needed to make sure the script was pointed too but I tried and no such luck. Is there anything else that needs to be done when it comes to using this script on a Wordpress site?


    http://aruralexperience.com

  7. #7
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the reply Bernie, I tried directing locally but no luck unfor. The site is live now if anyone can spare a minute see if they can see what I'm doing wrong: http://aruralexperience.com/

  8. #8
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,026
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    You've just got a little mixed up with your javascript tags;
    Code:
    <script src="http://www.dynamicdrive.com/dynamicindex14/bgcarousel.js" type="text/javascript">
    /***********************************************
    * Background Image Carousel- ?Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    </script>
    
    <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/bgcarousel.js">
    var firstbgcarousel=new bgCarousel({
    	wrapperid: 'mybgcarousel', //ID of blank DIV on page to house carousel
    	imagearray: [
    		['http://www.aruralexperience.dev/wp-content/uploads/2012/10/test-slide-1.jpg', '<h2>Autumn Day</h2>The sun peaks through the trees, a knife that cuts through the chill, crisp air.'], //["image_path", "optional description"]
    		['test-slide-2.jpg', '<h2>Wind Chime</h2>The bellweather of the sky, the chime speaks of impending turmoil.'],
    		['test-slide-3.jpg', 'The scent of spring invigorates her as she inhales whilst the warm breeze brings a wave of tranquility.'],
    		['test-slide-1.jpg', 'Alone and Lonliness- Peace and Inner Struggle'] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:3000, cycles:2, stoponclick:false, pauseonmouseover:true},
    	navbuttons: ['left.gif', 'right.gif', 'up.gif', 'down.gif'], // path to nav images
    	activeslideclass: 'selectedslide', // CSS class that gets added to currently shown DIV slide
    	orientation: 'h', //Valid values: "h" or "v"
    	persist: true, //remember last viewed slide and recall within same session?
    	slideduration: 500 //transition duration (milliseconds)
    })
    </script>
    You have the external js file referenced twice - once in its external script tag with the DD copyright notice, which is fine, but then you link to it again in an in-page script tag.

    Just remove the bit in red and you should be fine.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  9. #9
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,134
    Thanks
    44
    Thanked 3,231 Times in 3,192 Posts
    Blog Entries
    12

    Default

    You cannot hotlink to the bgcarousel.js script on DD. You have to either host your own copy on that site or some other that will let you link to it, or put the entire script on the page. There could also be other problems, but that much has to be fixed first.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  10. #10
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,026
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    We covered this yesterday - here's the answer: http://www.dynamicdrive.com/forums/s...135#post287135

    I didnt spot that you'd hotlinked to the script on DD, so yes, do what John says and host the script yourself/get somebody to host if for you, and also apply the fix advised in my linked post above.

    Also, please do not create multiple posts for the same problem as it gets confusing for those who are helping you.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Step Carousel - Starting the carousel with a Panel id
    By kylu in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-19-2012, 12:09 AM
  2. Step Carousel...isnt much of a carousel
    By ttados in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 01-28-2010, 10:45 PM
  3. Integrating dynamic drive carousel with Wordpress
    By Dannymax in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-15-2009, 09:42 AM
  4. loading Step Carousel Viewer in middle of carousel
    By sam4682 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-31-2008, 11:07 PM
  5. Multiple carousel viewers on page or load carousel viewer pages via ajax?
    By slowCode in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-15-2008, 01:36 PM

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
  •