 Nieuw lid |
|
Goedemiddag,
Ik ben bezig met een script om foto's te laten zien. Ik heb 3 thumbs, die als je met je muis er over gaat een grotere afbeelding laat zien. Deze grote afbeeldingen zijn echter andere afbeeldingen als de thumbs. De grotere afbeelding hebben een nummer als naam, bijv. 1.jpg, de thumbs heten ._thumb.jpg, dus in dit geval 1_thumb.jpg.
Ik heb nu een script gevonden, maar dat werkt niet omdat de thumbs niet dezelfde afbeeldingen zijn als de grotere foto's die moeten worden weergegeven. Heeft iemand een idee hoe dit wel kan?
ps Als je op de thumb klikt word de grote foto in een nieuw venster geopend, dat werkt wel goed.
De code:
function ShowImage2(Thumb)
{
var BigImage = document.getElementById('gallery_big2');
BigImage.src = Thumb.src;
}
<?php echo "<center><img src=\"clothing_pics/".$record['foto']." \"class=\"big\" id=\"gallery_big2\" height=\"250\"></center><br>";
echo "<center>";
mysql_data_seek($result, 0);
while ($record = mysql_fetch_array($result)){
$record['foto'] = stripslashes($record['foto']);
$foto = substr($record['foto'],0,strlen($record['foto'])-4);
echo "<a href=\"clothing_pics/".$record['foto']." \"target=_blank\"><img src=\"clothing_pics/".$foto."_thumb.jpg\" onmouseover=\"javascript:ShowImage2(".$record['foto'].");\" height=\"100\"></a> "; ?>
Alvast bedankt! mvg, Danielle
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
