Привет, ребята!
Я пытался создать крутой Image Slider, используя Jquery!Я создал его фреймворк, но я начал с основ создания плагинов.Мой следующий код, похоже, не работает вообще!Кто-нибудь может подсказать, где я иду не так?
<html>
<head>
<title>Content Slider</title>
<script src="jquery-1.5.2.min.js"></script>
<script src="ajax.jquery.1.8.11.js"></script>
<script src="img.slider.plugin.js"></script>
<script>
jQuery.fn.imgSlider = function () {
var element = this;
var imgArray = [];
$(element+" img").each(function() {
var imgId = $(this).attr("id");
var imgDesc = $(this).attr("desc");
var imgSrc = $(this).attr("src");
imgArray.push({
'id':imgId,
'desc':imgDesc,
'src':imgSrc
});
});
$.each(imgArray,function( i, v ){
element.append($( "<p> Image ID - " + v.id + " | Image Desc - " + v.desc + " | Image Source - " + v.src + "</p>" ));
});
}
$(document).ready(function () {
$('div.frame').imgSlider();
});
</script>
</head>
<body>
<div class="frame">
<img id="1" desc="This Image One!" src="bg-1.jpg" />
<img id="2" desc="This Image One!" src="bg-2.jpg" />
<img id="3" desc="This Image One!" src="bg-3.jpg" />
<img id="4" desc="This Image One!" src="bg-4.jpg" />
<img id="5" desc="This Image One!" src="bg-5.jpg" />
</div>
</body>
</html>
СПАСИБО ЗА ПРЕДЕЛА