0
Hello. I am making a portfolio and am having trouble running two jQuery effects that I removed and modified from these sites, a dynamic menu < http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/ > and a slide of images < http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/ >. The dynamic menu alone works normally, but when I go to put the Carousel code neither the menu nor the Carousel works. the menu is static, and the Carousel gets a black square where it was supposed to be the pictures. I don’t know if it’s a conflict problem with jQuery, because I tried to put the code in the Conflict on and it didn’t work. I would like to know what has to be done to work the two effects. Thank you, I stand by.
Jquery from the menu:
<script type="text/javascript">
$(function() {
$('#sti-menu').iconmenu();
});
</script>
Jquery of the Carousel:
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<link rel="stylesheet" href="libisc.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="jQueryisc/jQuery.isc.css" type="text/css" media="screen" charset="utf-8">
<script src="jQueryisc/jquery-image-scale-carousel.js" type="text/javascript" charset="utf-8"></script>
<script>
var carousel_images = [
"imagesisc/01.jpg",
"imagesisc/02.jpg",
"imagesisc/03.jpg",
"imagesisc/04.jpg",
"imagesisc/05.jpg",
"imagesisc/06.jpg",
];
$(window).load(function() {
$("#photo_container").isc({
imgArray: carousel_images
});
});
</script>
Partner, do you use firebug or similar plugin? See if there are any errors in the console when you run the page.
– Thomas Lima
In the firebug console when I test the separate effects no message appears. but when I go to test in my portfolio with the two effects included says the following in the menu jquery, which would be the first box above: Typeerror: $(...). iconmenu is not a Function. I don’t really understand what this message meant, I don’t know if that’s what’s not letting the jquerys work. What is the right way to make two ready-made effects work in Jquery, which are at least a menu and a slide.
– Leonardo Gustavo Maran
jQuery is sometimes kind of boring, it requires everything to be straight. Try to put the scripts together within Ready: $(Document). ready(Function(e) { //Starting Menu $('#sti-menu'). iconmenu(); //Creating carrosel var carousel_images = [ "imagesisc/01.jpg", "imagesisc/02.jpg", "imagesisc/03.jpg", "imagesisc/04.jpg", "imagesisc/05.jpg", "imagesisc/06.jpg", ]; $("#photo_container"). isc({ imgArray: carousel_images }); });
– Thomas Lima
Include html to the question as to how you are applying the scripts
– Leandro Angelo