Beste Gebruikers,
Zit met een volgend probleem, ben bezig met een image gallery, maar nu heb ik daar een klein probleempje mee, zonder de foreach loop alles aan elkaar werkt het gewoon. Met statische content dus. Maar met een foreach loop krijg ik 't maar niet voor elkaar om de array goed te exporteren. Volgens mij is het echt iets doms gewoon maar goed hoop dat jullie mijn probleem kunnen oplossen
PHP
<div class="product_images">
<?php
$array = array("image1" => array("img" => "strikerstep1.jpg", "alt" => "Strikerstep - 15.95,-"), "image2" => array("img" => "strikerstep2.jpg", "alt" => "Strikerstep (2) - 15.95,-"));
$imgcount = count($array);
$i = 0;
echo '<aside class="preview">';
foreach($array as $key=>$content){
$explode = explode('image', $key);
if($i==0){
?>
<img src="<?=$config['config']['upload_dir']?><?=$content['img']?>" alt="" id="main" />
<nav>
<?php
}else{
?>
<img alt="" src="<?=$config['config']['upload_dir']?><?=$content['img']?>" />
<?php
}
if($i == $imgcount){
echo '</nav>';
}
$i++;
}
echo '</aside>';
?>
</div>Er hoort ook een Javascript bestand bij voor de switch. Wellicht dat daar de fout zit, maar daar heb ik niks aan gewijzigd!
PHP
$(function(){$(".preview nav img").click(function() {
var linkHref = $(this).attr("src");
var linkAlt = $(this).attr("alt");
var previewImg = $(".preview #main");
$(".preview #main").animate({
opacity: 0.8,}, 500, function() {
previewImg.attr("src", linkHref);
previewImg.attr("alt", linkAlt);
$(this).animate({opacity: 1,}, 500);
});
});
});Kan iemand me helpen?
Per PB kan ik de site geven voor voorbeeld/uitvoercode.
Tevens staat hier een kleine vergoeding voor!
Alvast bedankt!
Kevin
