Stylesheet switcher (v1.1) not working?
1) Script Title: Style sheet switcher (v1.1)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...etswitcher.htm
3) Describe problem:
Well, on my website which is at the following URL:
http://cjnet.info/templates/previews/1/index.html
You can see that I have used the Stylesheet switcher. I am using this to change the background of my page.
You will see, a bit down the page, that there are icons like this:, and this:
, and I am using them so you can click them to change the CSS stylesheet, which therefore changes the background.
Unfortunately this is not working.
I am not sure why, but here's a bit of information;
Links to stylesheets:
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
Link to background images:
http://cjnet.info/templates/previews...n/backgrounds/
Link to the javascript:
http://cjnet.info/templates/previews/1/styleswitch.js
If you can sort out my problem, it would be greatly appriciated.
Also, if you can't view source, here is some information:
End of head for script and stylesheets;
Code for the images and links:HTML Code:<link rel="stylesheet" type="text/css" href="/default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number3" href="/user3.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number4" href="/user4.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number6" href="/user6.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number7" href="/user7.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number8" href="/user8.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number9" href="/user9.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number10" href="/user10.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="number11" href="/user11.css" /> <script src="styleswitch.js" type="text/javascript"> </script> </head>
HTML Code:<a href="javascript:chooseStyle('none', 60)" checked="checked"><img src="template_images/bg_1_preview.GIF" alt="1" width="20" border="0" align="left" /></a><a href="javascript:chooseStyle('number3', 60)"><img src="template_images/bg_3_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number4', 60)"><img src="template_images/bg_4_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number6', 60)"><img src="template_images/bg_6_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number7', 60)"><img src="template_images/bg_7_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number8', 60)"><img src="template_images/bg_8_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number9', 60)"><img src="template_images/bg_9_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number10', 60)"><img src="template_images/bg_10_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number11', 60"><img src="template_images/bg_11_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a>
CSS Codes
Reply With Quote
Bookmarks