|
Slider content Code not Working
|
|
Topic Started: Aug 19 2014, 01:13 AM (436 Views)
|
|
Junta
|
Aug 19 2014, 01:13 AM
Post #1
|
- Posts:
- 10
- Group:
- Members
- Member
- #610,206
- Joined:
- July 27, 2013
|
Hello,
I am trying to use this code here: http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm
But it just is not working and I cannot figure out why. Really need help on this as I am starting to go crazy. In use here: http://w11.zetaboards.com/SWGTest/index/#
I have put hte html in the theme layout as I need it to appear above the navbars but below the header without actually being in the logo area. Themes -> Edit Theme Layout
- Code:
-
<div id="wrap"><!-- HEADER -->
<script type="text/javascript" src="https://dl.dropbox.com/s/d4ck4kc7x3magk1/InfoSlider.js">
/*********************************************** * Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/
</script>
<script type="text/javascript">
featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 2], //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] onChange: function(previndex, curindex, $allcontents){ // fires when Glider changes slides //custom code here } })
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent"> <img src="http://i11.tinypic.com/8efzmmf.jpg" style="float: left; padding: 5px" /> British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland. </div>
<div class="glidecontent"> <img src="http://i15.tinypic.com/72vilba.jpg" style="float: right; padding: 5px"/> Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry. </div>
<div class="glidecontent"> <img src="http://i17.tinypic.com/8bg0lkx.jpg" style="float: left; padding: 5px"/> Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts. </div>
</div>
<div id="p-select" class="glidecontenttoggler"> <a href="#" class="prev">Prev</a> <a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a> <a href="#" class="next">Next</a> </div>
<!-- TOPMENU --><!-- SUBMENU --><!-- NAV --><!-- BOARD --></div>
Board Templates -> Javascripts
- Code:
-
<!-----------------------------------> <!------------- Infobar -------------> <!-----------------------------------> <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/digxxpiddfbyoml/InfoSlider.css" media="screen" />
Any/all help much appreciated
EDIT: I have taken the code out of my site for now
Thanks, Dylan
Edited by Junta, Aug 19 2014, 02:44 AM.
|
|
|
| |
|
Kankuro
|
Aug 19 2014, 03:13 AM
Post #2
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
I'd try putting this in the Javscripts section:
- Code:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="featuredcontentglider.css" />
<script type="text/javascript" src="featuredcontentglider.js">
/*********************************************** * Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/
</script>
Then put the rest in Below The Board section:
- Code:
-
<script type="text/javascript">
featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 2], //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] onChange: function(previndex, curindex, $allcontents){ // fires when Glider changes slides //custom code here } })
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent"> <img src="http://i11.tinypic.com/8efzmmf.jpg" style="float: left; padding: 5px" /> British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland. </div>
<div class="glidecontent"> <img src="http://i15.tinypic.com/72vilba.jpg" style="float: right; padding: 5px"/> Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry. </div>
<div class="glidecontent"> <img src="http://i17.tinypic.com/8bg0lkx.jpg" style="float: left; padding: 5px"/> Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts. </div>
</div>
<div id="p-select" class="glidecontenttoggler"> <a href="#" class="prev">Prev</a> <a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a> <a href="#" class="next">Next</a> </div>
If that doesn't work try putting the Javascript in Below the Board and the Div sections in Theme Layout.
Below Board:
- Code:
-
<script type="text/javascript">
featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 2], //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] onChange: function(previndex, curindex, $allcontents){ // fires when Glider changes slides //custom code here } })
</script>
Layout:
- Code:
-
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent"> <img src="http://i11.tinypic.com/8efzmmf.jpg" style="float: left; padding: 5px" /> British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland. </div>
<div class="glidecontent"> <img src="http://i15.tinypic.com/72vilba.jpg" style="float: right; padding: 5px"/> Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry. </div>
<div class="glidecontent"> <img src="http://i17.tinypic.com/8bg0lkx.jpg" style="float: left; padding: 5px"/> Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts. </div>
</div>
<div id="p-select" class="glidecontenttoggler"> <a href="#" class="prev">Prev</a> <a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a> <a href="#" class="next">Next</a> </div>
|
|
|
| |
|
Junta
|
Aug 19 2014, 03:35 AM
Post #3
|
- Posts:
- 10
- Group:
- Members
- Member
- #610,206
- Joined:
- July 27, 2013
|
Thanks for you assistance. I have finally found a code that I like and has everything I need.
Hopefully this thread will help anyone else who is having a problem with this code in the future.
|
|
|
| |
|
Kankuro
|
Aug 19 2014, 01:32 PM
Post #4
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- Junta
- Aug 19 2014, 03:35 AM
Thanks for you assistance. I have finally found a code that I like and has everything I need.
Hopefully this thread will help anyone else who is having a problem with this code in the future. No problem.
Any chance you tested my suggestion(s) ?
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|