Solved

jquery automatic infinite carousel issue

Posted on 2010-08-12
4
985 Views
Last Modified: 2012-08-13
Hello -

I am using some free jquery code for an auto scrolling carousel I found on the web located at:

http://jqueryfordesigners.com/demo/infinite-carousel-loop.html

as you can see it works just fine here, however, after I copy the code exactly from the source and move it my own host/webpage, now the 'previous' and 'next' arrows have disappeared, see below:

http://matthewjbailey.com/carousel_demo.html

The arrows do not appear to be graphics you can right click and 'save as' so I don't know if it is a missing image issue or what to call the images even if I made my own arrows. I see a css class for the arrows in the code, but there are no no links to any .css style sheet in the code so how/where this css class is coming from?

 If anyone has an idea of how to fix it, I would appreciate it.

0
Comment
Question by:matthewjbailey1
  • 3
4 Comments
 
LVL 13

Accepted Solution

by:
darren-w- earned 350 total points
ID: 33422553
0
 
LVL 13

Expert Comment

by:darren-w-
ID: 33422584
its done using the inline styles
0
 

Author Closing Comment

by:matthewjbailey1
ID: 33422651
man i feel like an idiot for missing the infinitecarousel .arrow class that had a url link to the arrows .png in it.

Thanks so much for your help, it works great now.
0
 
LVL 13

Expert Comment

by:darren-w-
ID: 33423017
No probs
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Debugging step-by-step Jquery/Javascript 6 57
Reference Error with plugin 1 31
Angular - break the dataset in chunks? 7 39
Loop and hide/show dropdown option with jQuery 4 22
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn how to dynamically set the form action using jQuery.

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now