Archivlink: javarea.de Forum > JavaScript > bilder vergrössern
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > bilder vergrössern

Pages: [1]

geschrieben von lan am 14.07.2006 - 12:07
Ich hab folgendermasse versucht, sieh unten, aber noch nicht ganz die Gewünschte Lösung, möchte dass auf ein neuen fenster das bilder geladen und angezeigt werden, wie auf autoscout24 siehe beispiel hier :

http://www.autoscout.ch/AS24Web/Lis....amp;page=8

<img src="bildname.jpg" width="50" height="50"
onmouseover="this.width=200;this.height=200"
onmouseout="this.width=50;this.height=50">

wie lasst sich sowas wie auf den Autoscout24 machen?

geschrieben von Micha am 14.07.2006 - 15:30
Hallo, ich sehe leider nicht, was Du meinst.

Du willst, das man auf ein kleines Bild klickt, sich eine _neue_ Seite öffnet (aber kein PopUp!), auf der das Bild groß bzw. größer ist?

Dann mach einen normalen Link und binde auf der verwiesenen Seite das Bild entsprechend größer ein.

Sollte sich auf klick nur die Bildgröße ändern, dann mit onclick eben:

HTML-Quelltext
1: 
onclick="this.width=200;this.height=200"
statt den mouseover-Events

Micha


geschrieben von lan am 14.07.2006 - 22:01
bei überfahren mit den maus soll das bild wie auf autoscout angezeigt werden.

ich hab folgendermasse versucht, aber ist nicht das was ich möchte.

PHP-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 

<?php 
          
if ($datensatz['bild'] != "images/"

    echo 
"<img src=\"./$datensatz[bild]\" width='10' height='10' onclick='this.width=200;this.height=200'> ";
}

?>


geschrieben von Micha am 14.07.2006 - 22:38
Hallo,

bei Deinem Beispiellink sehe ich keinen Effekt, den Du beschreibst. Das, was Du hattest, sollte bereits funktionieren.

Micha

geschrieben von lan am 14.07.2006 - 22:54
geh auf http://autoscout24.ch/AS24Web/List.....country=CH und dann mit dem Maus auf dieses bild http://autoscout24.ch/Whitelabel/1/camera.gif von einen Autoeintrag, es wird falls ein bild vorhanden ist ausgegen in einen neuen fenster bzw. ebene und genau das möchte ich erreichen.

geschrieben von Micha am 14.07.2006 - 22:59
Hi,

ja, nun kann ich Dein Problem nachvollziehen. Ich hatte vermutet, das ich mit der Maus auf eines der Autos gehen muss.

Ich habe kürzlich sowas gemacht: ./22062006.html#beispiel

Hierbei musst Du auf den Link gehen, damit etwas kommt.

Der Aufbau ist simple:
HTML-Quelltext
1: 
2: 
<p><a name="beispiel" href="">Zeigs mir</a></p>
		<div class="playerinfo">Name: Moritz Mustermann<br>Position: links außen<br>Alter: 11</div>


In dem DIV müsste Dein Bild rein, das erscheinen soll:

HTML-Quelltext
1: 
<div class="playerinfo"><img src="pic.png" alt="Bild" width="10" height="15" /></div>


Ich habe es nicht probiert, aber es sollte gehen. Das Script befindet sich im Kopf der Seite.

Micha

geschrieben von lan am 14.07.2006 - 23:11
bedanke mich herzlich funktioniert einwandfrei ;)

geschrieben von Danny am 14.07.2006 - 23:13
Alternativ empfehle ich dir folgendes Tooltip Script:
http://www.walterzorn.de/tooltip/tooltip.htm

Es ist etwas umfangreicher als das obige von derletztekick, da musst du dich entscheiden was dir besser zusagt.


Falls du weitere Probleme mit einen der beiden Scripten oder gar ein ganz anderes haben solltest, stehen wir zur Verfügung ;)


Bye
Danny


P.S. ahh seh grad, da war ich zuspät ;) wenn du so zufrieden bist lass es so


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.