С помощью 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 |