New Topic/Question
Reply
Anyway the problem.... Two interactive features are loaded onto the page, one being responsive navigation (mobile size screen: click and tthe items will unveil in a vertical list.) and jquery image gallery which scrambles the images into a kind of montage.
external and internal javascript are called from the header but it tends to only allow one of them to work at one time. For example: - If the following code is written like this:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../js/script.js"></script>//scramble images
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>//nav menu
<script>//nav menu
$(document).ready(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
If that was the case then, the menu will work only.
If the following code was like this: -
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../js/script.js"></script>
Then the image gallery will only work.
Why is this?
MultiQuote
| 