Javascript Issue? WordPress
Hi folks,
Hoping someone might be able to help with this...
I have used uBillboard to do the galleries on this website but have a problem in that the thumbnails (down the right hand side) do not display in IE.
See one of the gallery pages [[LINK href="http://www.kirsteenbellphoto.co.uk/weddings/"]]here[[/LINK]]
I thought this may be a plugin clash but have tried removing all plugins and there was no change.
The plugins creator suggested it might be a javascript clash/problem - any ideas? Only thing I can think is that the theme's in built slideshow (on the home page) is causing some issues?
Thanks,
Fergus
Answers (5)
John Cotton answers:
You've got an error after
<!--End Footer navigation-->
You are outputting a script tag within a script tag....
Take a look at your source and you'll see it.
John Cotton comments:
It looks like you start to do something after the billboard script and then start the Google Analytics...
Luis Abarca answers:
You have an error in line 232
<strong><script type='text/javascript'></strong><script type="text/javascript">
Its a duplicated javascript open tag.
Luis Abarca comments:
Must be
<script language='JavaScript' type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$('#uds-bb-0').uBillboard({
width: '800px',
height: '533px',
squareSize: '100px',
autoplay: true,
pauseOnVideo: true,
showControls: 'hover',
showPause: 'hover',
showPaginator: 'hover',
showThumbnails: true,
showTimer: false,
thumbnailHoverColor: "#FFFFFF"
});
});
//]]>
</script>
<strong><script type="text/javascript"></strong>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28529589-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
FPHT comments:
Thanks...I see what you mean. But where would I find the file to take this out of? It's not in footer.php as some others suggest below...
FPHT comments:
Ignore that, found it in theme options...will see if that's sorted it and post here if so. Thanks again.
idt answers:
Which version of IE are you not seeing the right side thumbnails? It's showing just fine on IE9.
But like what the posts above have said, the Google Analytics script(probably is in the footer.php file inside your theme folder) has a duplicate opening tag. This line:
<script type='text/javascript'><script type="text/javascript">
Should just be either:<script type='text/javascript'> or <script type="text/javascript">
If after fixing the the opening script issue you're still not seeing the right hand thumbnails, it could be something on your HTML/CSS.
Kannan C answers:
for some reason the thumbnails div is not having the width set. If the above solutions doesn't work, try paste this in your css file.
.uds-bb-thumbnail-container { width:95px; }
Kannan C comments:
Hi FPHT, i saw that you added my solution and seems it is working. If not let me know.
Gabriel Reguly answers:
Hi Fergus,
You still have an issue at your code
</script>
</script>
This is where it came from:
<script language='JavaScript' type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$('#uds-bb-0').uBillboard({
width: '800px',
height: '533px',
squareSize: '100px',
autoplay: true,
pauseOnVideo: true,
showControls: 'hover',
showPause: 'hover',
showPaginator: 'hover',
showThumbnails: true,
showTimer: false,
thumbnailHoverColor: "#FFFFFF"
});
});
//]]>
</script><script type='text/javascript'> var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28529589-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</script><script type='text/javascript' src='http://www.kirsteenbellphoto.co.uk/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
And you should fix it using this code
<script language='JavaScript' type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$('#uds-bb-0').uBillboard({
width: '800px',
height: '533px',
squareSize: '100px',
autoplay: true,
pauseOnVideo: true,
showControls: 'hover',
showPause: 'hover',
showPaginator: 'hover',
showThumbnails: true,
showTimer: false,
thumbnailHoverColor: "#FFFFFF"
});
});
//]]>
</script>
<script type='text/javascript'> var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28529589-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script><script type='text/javascript' src='http://www.kirsteenbellphoto.co.uk/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
Luis Abarca should be awarded the prize, this is his solution.
Regards,
Gabriel