С помощью jquery аяксом вызывается у нас пхп скрипт который сканит директорию находит хтмл страницы и передает все это скрипту carusel.html...
вот он...
| Код |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Agile Carousel: Full Example with All The Bells and Whistles</title>
<link rel="stylesheet" type="text/css" href="page.css">
<link rel="stylesheet" type="text/css" href="carousel.css">
<script type="text/javascript" src="js/jquery-1.js"></script>
</head>
<body>
<div id="slide_holder"></div>
<script src="carousel_behavior.js"></script>
<script type="text/javascript">
$('#slide_holder').agile_carousel({});
</script>
</body>
</html>
|
Далее скрипик который вызывает пхп
| Код |
(function($) { //create closure
$.fn.agile_carousel = function() {
slide_containter_elem = $(this);
$.ajax({
type: "POST",
url: "make_slides.php",
success: function(html) {
slide_containter_elem.html(html);
}
});
} // function agile_carousel
})(jQuery);
|
Ну и пример самой передаваемой хтмл страницы...
| Код |
function changeImage(img){
i=new Image();
i.src=img;
document.all.bigphoto.src=i.src
}
function openImageWindow(){
window.open(document.all.bigphoto.src, 'win2', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=520,height=520,directories=no,location=no');
}
</script>
<img src="images/img_ZWXQtg.jpg" onclick="javascript:changeImage('images/img_ZWXQtg.jpg');" width="64" height="64">
<img src="images/img_5jykYx.jpg" onclick="javascript:changeImage('images/img_5jykYx.jpg');" width="64" height="64">
<img src="images/img_BWGqcN.jpg" name="bigphoto" onclick="javascript:openImageWindow();" width="420">
|
Не работает как я выяснил сам вызов функции, но если страницу не вызывать сам яваскрипт работает, прблема в том что она страница вызывает аяксом и передается диву по id... Может ли мне кто помочь? Очень надо и очень важно...
Рабочий пример.. http://testing.cslstudio.ru/car/carousel.html |