Rotating Banner

[jcdesigns]

Does anyone know how or where I can find a tutorial on how to create this small rotating banner in this link below. It is on the right side that has five slides starting with how much should you spend, small budget, etc. I know it is not flash driven which I do not want flash. Please advise. Thanks

http://www.imageworksstudio.com/about/company-overview/index.html

[azoomer]

you can use this slideshow
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
and supplement it with the buttons descibed here:
http://www.dynamicdrive.com/forums/blog.php?b=248

As an alternative the nivoslider would also be suitable:
http://nivo.dev7studios.com/

[jcdesigns]

Thanks, I will check it out.

[jcdesigns]

you can use this slideshow
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
and supplement it with the buttons descibed here:
http://www.dynamicdrive.com/forums/blog.php?b=248

As an alternative the nivoslider would also be suitable:
http://nivo.dev7studios.com/
Hello, AZoomer

Thanks for the information. I downloaded the Nivo Slider and ran across a problem importing it into my web pages. Here is the situation. Thanks

I am trying to import this sample slider into my two web pages but I cannot get them to work correctly. Can you please view the two web pages aboutusslider and graphicdesignppslider code and let me know how I can correct this? Thanks

http://www.jenkinscreativedesigns.co...demo/demo.html - This is the sample slider I want to import into the 2 web pages below.

http://www.jenkinscreativedesigns.co...sppslider.html

http://www.jenkinscreativedesigns.com/aboutuspp.html - This is what the aboutus page is supposed to look like once the computer image with flash is replaced with the slider.

http://www.jenkinscreativedesigns.co...nppslider.html

[azoomer]

on the first page the two css files to the nivo slider are commented out ( well not sure, but they don't work)


/**
* css code for slider.
*/
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

/**
* Overwrite for having a carousel with dynamic width.
*/

try to remove the comments, they are messing things up. And also these links need to be outside the style tags ( maybe that's the main problem)

on the second page there is also the same problem with the style tags:


<style type="text/css">
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</style>

Try to remove the style tags, and make it like this instead:


<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

There could other problems, but try fixing the above first.

oh and the links to the pages are not working, fix them if you want people to look at the pages ( I found working links in your last post)

[jcdesigns]

Azoomer,

I will try this, thanks for your help.

[jcdesigns]

Hello AZoomer or others,

I was able to get the jquery slider working correctly but now my Accordion (right below the slider) does not display correctly in IE. It looks fine in Safari and Firefox but not in IE. Is there anything I can do to correct this? Reference link and source code below. Thanks


http://www.jenkinscreativedesigns.com/graphicdesignppslider.html

[jcdesigns]

It looks like I got to work in IE. I will check the later versions tonight. Thanks for all your help.

[jcdesigns]

Hello AZoomer and friends,

Can you or someone tell be how I can get the Carousel to display correctly? This problem occurred when I switched out the flash monitor to the slider. As you can see in the first link the Carousel is stacked on top of each other but I want them to work like the second link 'aboutuspp.html just with the slider. Thanks

http://www.jenkinscreativedesigns.com/aboutusppslider.html

http://www.jenkinscreativedesigns.com/aboutuspp.html

[azoomer]

there are 2 instances of jquery on the page
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
and
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
only 1 is needed.
Delete one of them and see if that helps. I'd try putting the 1.6.1 in the head section where 1.4.2 is now, and delete 1.4.2