Seite 1 von 1
Laufschrift
Verfasst: Mo 1. Aug 2016, 18:49
von ulli
Keine Ahnung ob ich hier richtig bin. Ich suche für mein Forum eine Lufschrift für Bilder...die hab ich bereits gefunden, nun würde ich gerne wenn man mit dem Mauszeiger draufgeht das die Bilder stehen bleiben. Gibt es sowas?? Wenn ja...was muss ich tun??
<marquee width="800" height="200"> <img src="https://abload.de/img/img-20160719-wa0008kwpyw.jpg" width="113" height="200"> <img src="https://abload.de/img/img-20160720-wa0023veqkk.jpg" width="150" height="200"> <img src="https://abload.de/img/img-20160727-wa000543p88.jpg" width="112" height="200"> <img src="https://abload.de/img/img-20160722-wa00274krnp.jpg" width="251" height="200">
<img src="https://abload.de/img/img-20160722-wa00061voos.jpg" width="267" height="200"> <img src="https://abload.de/img/img-20160725-wa0016h0pyc.jpg" width="161" height="200"> <img src="https://abload.de/img/img-20160726-wa0024ngokx.jpg" width="113" height="200">
<img src="https://abload.de/img/img-20160727-wa00158oqtp.jpg" width="112" height="200"> <img src="https://abload.de/img/img-20160731-wa0015ihuse.jpg" width="356" height="200">
<img src="https://abload.de/img/img-20160730-wa000594unh.jpg" width="113" height="200"> <img src="https://abload.de/img/wp_20160725_17_36_57_2opeg.jpg" width="113" height="150"> <img src="https://abload.de/img/img-20160724-wa00159pog5.jpg" width="267" height="150"></marquee>
Hoffentlich habe ich das hier richtig gepostet...ansonsten bitte löschen. Ähm nicht wundern wenn das alles so verschoben ist...
Danke sagt die Ulli
Re: Laufschrift
Verfasst: Mo 1. Aug 2016, 19:29
von Seatin
Hallo Ulli,
bitte schön
hab am anfang nur "onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"" hinzugefügt, schon klappt es
Code: Alles auswählen
<marquee width="800" height="200" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"> <img src="https://abload.de/img/img-20160719-wa0008kwpyw.jpg" width="113" height="200"> <img src="https://abload.de/img/img-20160720-wa0023veqkk.jpg" width="150" height="200"> <img src="https://abload.de/img/img-20160727-wa000543p88.jpg" width="112" height="200"> <img src="https://abload.de/img/img-20160722-wa00274krnp.jpg" width="251" height="200">
<img src="https://abload.de/img/img-20160722-wa00061voos.jpg" width="267" height="200"> <img src="https://abload.de/img/img-20160725-wa0016h0pyc.jpg" width="161" height="200"> <img src="https://abload.de/img/img-20160726-wa0024ngokx.jpg" width="113" height="200">
<img src="https://abload.de/img/img-20160727-wa00158oqtp.jpg" width="112" height="200"> <img src="https://abload.de/img/img-20160731-wa0015ihuse.jpg" width="356" height="200">
<img src="https://abload.de/img/img-20160730-wa000594unh.jpg" width="113" height="200"> <img src="https://abload.de/img/wp_20160725_17_36_57_2opeg.jpg" width="113" height="150"> <img src="https://abload.de/img/img-20160724-wa00159pog5.jpg" width="267" height="150"></marquee>
Re: Laufschrift
Verfasst: Mo 1. Aug 2016, 19:43
von ulli
danke schööön...gleich einbauen...
Re: Laufschrift
Verfasst: Mo 1. Aug 2016, 19:49
von ulli
noch eine Frage, kann man die Bilder auch in groß sehen wenn man den Zeiger der Maus draufhält??
Re: Laufschrift
Verfasst: Mo 1. Aug 2016, 21:36
von moni
ulli hat geschrieben:noch eine Frage, kann man die Bilder auch in groß sehen wenn man den Zeiger der Maus draufhält??
meinst so was Ulli ?
http://www.test.blicke1.de/macure.html
Re: Laufschrift
Verfasst: Di 2. Aug 2016, 10:00
von ulli
Ja genau Moni das meine ich. Kann man das auch im Forum einbauen???
LG die Ulli
Re: Laufschrift
Verfasst: Di 2. Aug 2016, 21:18
von moni
ulli hat geschrieben:Ja genau Moni das meine ich. Kann man das auch im Forum einbauen???
LG die Ulli
Ob du den Code in den Forum einbauen kannst ,das kann ich dir nicht genau sagen Ulli .. mit den Gestaltung eines Forum ´kenne mich nicht aus !
lasse dir das Code hier und kannst selbst nachschauen ob du das hin bekommst !
das ist ein CSS teil und kommt in head
Code: Alles auswählen
<style type="text/css">
/* Zoom css3 */
.zoom_img img{
margin:5px;
height:200px;
width:200px;
z-index:100;
-moz-transition:-moz-transform 0.5s ease-in;
-webkit-transition:-webkit-transform 0.5s ease-in;
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
z-index:500;
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
}
</style>
Das hier kommt in HTML Bereich
Code: Alles auswählen
<div class="zoom_img">
<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
<img src="https://abload.de/img/img-20160719-wa0008kwpyw.jpg"/>
<img src="https://abload.de/img/img-20160720-wa0023veqkk.jpg" />
<img src="https://abload.de/img/img-20160727-wa000543p88.jpg" />
<img src="https://abload.de/img/img-20160722-wa00274krnp.jpg" />
<img src="https://abload.de/img/img-20160722-wa00061voos.jpg" />
<img src="https://abload.de/img/img-20160725-wa0016h0pyc.jpg" />
<img src="https://abload.de/img/img-20160726-wa0024ngokx.jpg"/>
<img src="https://abload.de/img/img-20160727-wa00158oqtp.jpg" />
<img src="https://abload.de/img/img-20160731-wa0015ihuse.jpg" />
<img src="https://abload.de/img/img-20160730-wa000594unh.jpg"/>
<img src="https://abload.de/img/wp_20160725_17_36_57_2opeg.jpg"/>
<img src="https://abload.de/img/img-20160724-wa00159pog5.jpg"/>
</marquee> </div>
