marquee Bildergallerie.. mit Stop.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anhieb
art
bild
chefin
code
entsprechender stelle
geld
helfen
http
kleine page
nachteil
netz
objekt
profil
salon
team
url
vorlage
-
Guten Abend liebe Lima-Community,
ich erstelle zurzeit eine kleine Page für den Salon Christa. Die Chefin wünscht sich eine Bildergallie die sich je nach dem sich von Links nach Rechts bewegt. In welcher Hälfte du dich mit dem Mauszeiger befindest. Wenn du dann auf das gewünscht Bild klicks.. vergrößert sich dieses.
Ich kenn leider nur das typische marquee. Gibst Vorlagen für so eine Art von Bildergallerien?
Ich sag schon mal, Vielen Dank.
liebe Grüße Paul
http://illala.lima-city.de/salonchrista/ -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Entweder mit Adobe Flash oder halt mit viel Javascript. Beides hat seine Vor- und Nachteile.
@Vorlagen: Wenn die Wünsche gering sind lassen sich sicherlich kostenfreie Scripte/Flash Objekte finden, aber mir persönlich sind jetzt auf Anhieb keine Bekannt und die ich kenne bzw. mal per Google gefunden habe kosteten Geld.
Beitrag zuletzt geändert: 19.10.2009 22:26:11 von evil-devil -
Das hatte ich mal auf einem Profil im Netz...
in den Head folgenden Script:
<script language="JavaScript"> function showArt(pic,w,h) { aWin = open("","aWin"+Math.round(Math.random()*100),"width="+w+",height="+h); aWin.moveTo((screen.availWidth-w)/5,(screen.availHeight-h)/5); aWin.document.write('<title>Picture</title><META HTTP-EQUIV="imagetoolbar" CONTENT="no"><body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" onselectstart="return false" oncontextmenu="return false" bgcolor="#000000"><table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><img src="'+pic+'"></td></tr></table></body>');} </script>
Und an entsprechender Stelle:
<marquee direction="left" scrollAmount="6" height="80" width="700" onmouseover="this.stop()" onmouseout="this.start()" > <a onfocus="this.blur()" href="javascript:showArt('/2.jpg',800,600)"><img src=/2.jpg width="107" height="80" border="0"></a> <a onfocus="this.blur()" href="javascript:showArt('3.jpg',800,600)"><img src=/3.jpg width="107" height="80" border="0"></a>
Und so weiter und so fort...
ich hoffe ich konnte dir helfen
so far,
das Mordfest Team -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage