Nazdarek. Chcel by som pomocou JQuery urobit nejake efekty s obrazkami. Urobil som si takyto jednoduchy skusobny script, kde po kliknuti na nahlad by sa mi mal zobrazit velky obrazok s nejakym efektom:
Kód:
<script>
var pole;
$(document).ready(function(){
$.ajax({
type: "GET",
url: "obrazky_jx.php",
data: "name=peter&album=1",
success: function(zphp){
pole = $.parseJSON(zphp);
}
});
$('img').click(function(){
var test = $(this).attr('id');
var pokus= pole.obrMeno[test];
var ukaz ="<img src=\"./images/"+pokus+"\" >";
$("#vysledok1").html(ukaz).slideUp(2000);
});
});
</script>
<?
for ($i=0; $i<6; $i++)
{
$zDB = mysql_fetch_array($vyber);
$obrazok = $zDB["meno"];
echo "
<img id='$i' src=\"./nahlady/$obrazok\" style='float: left; margin: 3px; border: 2px solid #ffffff;'>
";
}
?>
<p id="vysledok1" >Tu sa zobrazi velky obrazok</p>
No a problem je, ze ten efekt sa mi prejavi iba na prvom obrazku resp. iba po prvom kliknuti na nahlad. Potom sa uz zobrazuju obrazky bez efektu. Neviete mi poradit ako to mam upravit, alebo v com je chyba? Popr. ak by ste vedeli nejaky link, kde by bola tato "problematika" nejako vysvetlena...pomohlo by mi to..