vi posto le pagine da includere:
Codice PHP:
<script type="text/javascript" >
function recalc(){
$(function() {
$("div#makeMeScrollable").smoothDivScroll("recalculateScrollableArea");
});
}
</script>
<div id="makeMeScrollable">
<div class="scrollingHotSpotRight">
[url="javascript:void(0)"][img]../css/images/3.jpg[/img][/url]
</div>
<div class="scrollingHotSpotLeft">
[url="javascript:void(0)"][img]../css/images/1.jpg[/img][/url]
</div>
<div class="scrollWrapper">
<div class="scrollableArea">
<?php
$dirname = "foto_marzia/fashion";
$images = scandir($dirname);
sort($images);
foreach ($images as $file) {
if ((substr($file, -5) == ".jpeg") || (substr($file, -4) == ".jpg")) {
echo <<<HTML
[img]foto_marzia/fashion/$file[/img]
HTML;
}
}
?>
</div>
</div>
</div>
<script type="text/javascript" >
recalc();
$("img#destra").bind("mouseover", function() {
$(this).attr("src", "../css/images/4.jpg");
}).bind("mouseout", function() {
$(this).attr("src", "../css/images/3.jpg");
});
$("img#sinistra").bind("mouseover", function() {
$(this).attr("src", "../css/images/2.jpg");
}).bind("mouseout", function() {
$(this).attr("src", "../css/images/1.jpg");
});
</script>
sono tutte uguali tranne che cambia il percorso delle immagini.