"featuredcontentglider not defined" in IE8?!?

**designerplus** · 01-13-2011, 02:35 AM

1) Script Title: Featured Content Glider

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

3) Describe problem: Receiving "featuredcontentglider not defined" in IE8.

I have included within my website, lcmorangeburg.com, a featured content glider and have implemented it as instructed and everything works as it should in Safari, however it fails to do so in IE8.

Firefox also proves to be a challenge for the script to operate... What have I done wrong and why isn't it not functioning in either of the browsers?

I have included my script below as it appears within my site. Please advise as it will be greatly appreciated!

Looking forward to someone helping me resolve this issue. Thanking you in advance for your time and attention.

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: 800, //Glide animation duration (in milliseconds)
direction: "rightleft", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [8000, 500] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>

<div id="canadaprovinces" class="glidecontentwrapper">

<div class="glidecontent">
<img src="picture link" style="float: left; padding: 5px">
content
</div>

<div class="glidecontent">
<img src="picture link" style="float: left; padding: 5px">
content
</div>

<div class="glidecontent">
<img src="picture link" style="float: left; padding: 5px">
content
</div>

<div class="glidecontent">
<img src="picture link" style="float: left; padding: 5px">
content
</div>

</div>

<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">•</a> <a href="#" class="toc">•</a> <a href="#" class="toc">•</a> <a href="#" class="toc">•</a>
<a href="#" class="next">Next</a>
</div>

**jscheuer1** · 01-13-2011, 06:11 AM

There could also be other problems. But here (from the source code of the page at lcmorangeburg.com):

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<title> Life Cathedral Ministries of Orangeburg - Home</title>
<link rel="stylesheet"  type="text/css" href="main_style.css">
  
  <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=url(/files/theme/featuredcontentglider.css) />

<script type="text/javascript" src=url(/files/theme/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>
  
  <script type="text/javascript" src="http://w.sharet . . .

Get rid of the red parts.

**designerplus** · 01-13-2011, 02:46 PM

Thank you very much for your response! It is greatly appreciated!

That has corrected the issue!!!

Thank you so much for your help!!!

Have a great day!!!

Thread: "featuredcontentglider not defined" in IE8?!?

Thread Tools

Search Thread

"featuredcontentglider not defined" in IE8?!?

Bookmarks

Bookmarks

Posting Permissions