Помогите пожалуйста новичку!
Добрый вечер!
Я еще новичок и только приступил к изучению WEB-программирования! Я подключил меню, и когда я подключаю галерею то она не работает! Но как только комментирую меню, галерея начинает работать!
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
$(function() {
$(".lavaLampNoImage").lavaLamp({
fx: "backout", speed: 700
})
});
</script>
<script type="text/javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script>
<script type="text/javascript">
$().ready(function() {
$('#carousel').carouFredSel({
responsive: true,
scroll: 1,
items: {
width: 20,
height: '90%',
visible: {
min: 2,
max: 5
}
}
});
});
</script>
Заранее большое спасибо! |
Попробуй сделать так:
<script type="text/javascript">
$(function(){
$(".lavaLampNoImage").lavaLamp({
fx: "backout", speed: 700
});
$('#carousel').carouFredSel({
responsive: true,
scroll: 1,
items: {
width: 20,
height: '90%',
visible: {
min: 2,
max: 5
}
}
});
});
</script>
скорее всего ругается на твое $().ready(handler) так как даже в официальной документации такой вид не рекомендуется (http://api.jquery.com/ready/). |
И скрипты старайся объявлять в одном месте страницы и последовательно, я имею ввиду скрипты с src..=)
|
Спасибо что отозвались!
не помогло! |
$(document).ready(function(){
$('#carousel').carouFredSel({
responsive: true,
scroll: 1,
items: {
width: 20,
height: '90%',
visible: {
min: 2,
max: 5
}
}
});
$(".lavaLampNoImage").lavaLamp({
fx: "backout", speed: 700
});
});
|
Тоже самое!
Сами картинки встают на свое место (просто когда плагин фото галереи отключаешь картинки меняют свой размер) но не хотят двигаться!:( |
Вот тебе живой пример где все работает без конфликтов:
http://jsfiddle.net/snapson/ypkGg/1/ js фалы подключались в такой очередности: <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery.lavalamp-1.3.5.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script> Для работы кода не забудь заключить его в
$(function() {
код;
});
или
$(document).ready(function() {
код;
});
Возможно что грешит на твой fx: "backout"в lavaLamp, я там просто не видел такого стиля, глянь демку со стилями, которые они предлагают...http://nixboxdesigns.com/projects/jq.../original.html |
Спасибо теперь буду разбираться!
Многому конечно еще надо учиться... |
| Часовой пояс GMT +3, время: 19:50. |