App installieren
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Namen von Personen via Mausover anzeigen?
- Ersteller Psychodead
- Erstellt am
Psychodead
Admiral Special
- Mitglied seit
- 06.11.2002
- Beiträge
- 1.551
- Renomée
- 11
- Mein Laptop
- Acer Travelmate 803 Lci
- Prozessor
- AMD Athlon XP 2500+ @ 3200+
- Mainboard
- Abit NF7 S 2.0
- Kühlung
- Innovatek WaKü
- Speicher
- G.Skill DIMM Kit 1024MB PC3200 DDR CL2-2-2-5 (PC400) (F1-3200BWU2-1GBGH)
- Grafikprozessor
- Abit 9600XT 256 MB Vivo
- Display
- 19" Samsung SyncMaster 191T 1280x1024
- HDD
- 2x 160 GB Seagate S-ATA Raid
- Optisches Laufwerk
- Plextor PX 116A, PX 712A
- Gehäuse
- CS 901
- Netzteil
- Antec true Power 480W
- Betriebssystem
- Win XP Prof
Ich habe zwar google schon bemüht, aber vermutlich einfach falsche Suchbegriffe eingegeben.
Ich verwende Joomla in der aktuellen Version und möchte auf einer Seite ein Gruppenfoto anzeigen lassen. Das ist soweit auch schon geschehen.
Jetzt möchte ich aber die Namen der Personen auf dem Bild anzeigen lassen, wenn man mit der Maus über die Person, bzw. über das Gesicht fährt.
Kann mir jemand erklären wie das geht.
Ich verwende Joomla in der aktuellen Version und möchte auf einer Seite ein Gruppenfoto anzeigen lassen. Das ist soweit auch schon geschehen.
Jetzt möchte ich aber die Namen der Personen auf dem Bild anzeigen lassen, wenn man mit der Maus über die Person, bzw. über das Gesicht fährt.
Kann mir jemand erklären wie das geht.
Webmaster Resource: Tipps & Tricks: Javascript: Grafik bei Mausberührung wechseln
Das sollte dir helfen.
MFG Max
Das sollte dir helfen.
MFG Max
Psychodead
Admiral Special
- Mitglied seit
- 06.11.2002
- Beiträge
- 1.551
- Renomée
- 11
- Mein Laptop
- Acer Travelmate 803 Lci
- Prozessor
- AMD Athlon XP 2500+ @ 3200+
- Mainboard
- Abit NF7 S 2.0
- Kühlung
- Innovatek WaKü
- Speicher
- G.Skill DIMM Kit 1024MB PC3200 DDR CL2-2-2-5 (PC400) (F1-3200BWU2-1GBGH)
- Grafikprozessor
- Abit 9600XT 256 MB Vivo
- Display
- 19" Samsung SyncMaster 191T 1280x1024
- HDD
- 2x 160 GB Seagate S-ATA Raid
- Optisches Laufwerk
- Plextor PX 116A, PX 712A
- Gehäuse
- CS 901
- Netzteil
- Antec true Power 480W
- Betriebssystem
- Win XP Prof
Danke Maxefix, aber ich meine etwas anderes.
Auf dem Bild sind mehrere personen vorhanden und per MouseOver soll bei jeder Person ein kleines Infokästchen erscheinen wo der Name drin steht.
Im StudiVZ ist das ganze ja recht aufwendig gestaltet, mir reicht ein Kästchen, wie beim Bildtitel üblich.
Auf dem Bild sind mehrere personen vorhanden und per MouseOver soll bei jeder Person ein kleines Infokästchen erscheinen wo der Name drin steht.
Im StudiVZ ist das ganze ja recht aufwendig gestaltet, mir reicht ein Kästchen, wie beim Bildtitel üblich.
birki2k
Grand Admiral Special
- Mitglied seit
- 16.03.2006
- Beiträge
- 3.868
- Renomée
- 37
- Prozessor
- X2 6000+
- Mainboard
- ASRock A770DE+
- Kühlung
- AMD-boxed CPU Kühöer, 2*Nanoxia FX12-2000 2*Nanoxia FX08-3000
- Speicher
- 2*1gb xms2
- Grafikprozessor
- Sapphire x1950 pro
- Display
- 2*Eizo S1932SE
- HDD
- mehrere
- Optisches Laufwerk
- 2*LG DVD Brenner
- Soundkarte
- Audigy 2 ZS
- Gehäuse
- Sharkoon Rebel 9 Value
- Netzteil
- Tagan TG500-U25 Dual Engine
- Betriebssystem
- Win XP
- Webbrowser
- Firefox
Naja, ne Unprofessionelle Methode wäre, dass du das Bild in viele kleine aufteilst und dann den Teil, auf dem die Person ist nochmal mit ner Info machst, wie gesagt, recht unprofessionell, aber wohl das einfachste
mfg birki2k
mfg birki2k
Psychodead
Admiral Special
- Mitglied seit
- 06.11.2002
- Beiträge
- 1.551
- Renomée
- 11
- Mein Laptop
- Acer Travelmate 803 Lci
- Prozessor
- AMD Athlon XP 2500+ @ 3200+
- Mainboard
- Abit NF7 S 2.0
- Kühlung
- Innovatek WaKü
- Speicher
- G.Skill DIMM Kit 1024MB PC3200 DDR CL2-2-2-5 (PC400) (F1-3200BWU2-1GBGH)
- Grafikprozessor
- Abit 9600XT 256 MB Vivo
- Display
- 19" Samsung SyncMaster 191T 1280x1024
- HDD
- 2x 160 GB Seagate S-ATA Raid
- Optisches Laufwerk
- Plextor PX 116A, PX 712A
- Gehäuse
- CS 901
- Netzteil
- Antec true Power 480W
- Betriebssystem
- Win XP Prof
Das sieht doch schon mal sehr vielversprechend aus. Werde das ganze morgen nach meiner Klausur mal testen.
Vielen Dank!
Vielen Dank!
Dying Cry
Vice Admiral Special
- Mitglied seit
- 05.01.2002
- Beiträge
- 971
- Renomée
- 0
- Standort
- Göttingen
- Mein Laptop
- Samsung R50
- Prozessor
- Intel Core2Quad Q9550 - 4x 2,83GHz
- Mainboard
- Asus P5Q
- Kühlung
- Intel Boxed
- Speicher
- 2x 2048MB G-Skill PC6400 CL4
- Grafikprozessor
- Gainward GTX260 Limited Edition 896MB
- Display
- 19" Viewsonic VX922
- HDD
- 640GB Samsung S-ATAII
- Optisches Laufwerk
- LG GSA-4163B
- Soundkarte
- Creative Sound Blaster X-Fi Xtreme Gamer
- Gehäuse
- Enermax BigChakra
- Netzteil
- Enermax 525Watt
- Betriebssystem
- Windows Vista Professional 64bit
- Webbrowser
- Firefox
Hoffe du hattest bei deiner Klausur Glück
Ich hab sowas bei uns im Clanforum eingebaut.
im Head:
Im Body für jedes Feld:
Hoffe das Hilft! Liebe Grüße,
Edit: Beispiel kann ich dir nicht zeigen, außer du meldest dich in unserem Clanforum an
Ich hab sowas bei uns im Clanforum eingebaut.
im Head:
Code:
<!--
#frittes li {
...style...
}
#frittes a span {
...style...
}
#frittes {
...style...
}
#frittes a {
...style...
}
#frittes a:hover {
...style...
}
#frittes a:hover span {
...style...
}
// Die Felder, an den Positionen wird eine Grafik angezeigt. Kannst ja
// selbst ne durchsichtige Gif als Hintergrund nehmen und über die Größe dann die
// Feldgröße bestimmen
#spider {left:261px; top:293px;}
#ZeroX {left:448px; top:220px;}
...
-->
</style>
Im Body für jedes Feld:
Code:
<ul id="frittes">
<li class="inaktiv">
<a target="_blank" href="...">
<span><strong>
<i>User:</i><br>spider<br><i>Usertext:</i><br>....
</strong></span>
</a>
</li>
</ul>
Hoffe das Hilft! Liebe Grüße,
Edit: Beispiel kann ich dir nicht zeigen, außer du meldest dich in unserem Clanforum an
BoMbY
Grand Admiral Special
- Mitglied seit
- 22.11.2001
- Beiträge
- 7.468
- Renomée
- 293
- Standort
- Aachen
- Prozessor
- Ryzen 3700X
- Mainboard
- Gigabyte X570 Aorus Elite
- Kühlung
- Noctua NH-U12A
- Speicher
- 2x16 GB, G.Skill F4-3200C14D-32GVK @ 3600 16-16-16-32-48-1T
- Grafikprozessor
- RX 5700 XTX
- Display
- Samsung CHG70, 32", 2560x1440@144Hz, FreeSync2
- SSD
- AORUS NVMe Gen4 SSD 2TB, Samsung 960 EVO 1TB, Samsung 840 EVO 1TB, Samsung 850 EVO 512GB
- Optisches Laufwerk
- Sony BD-5300S-0B (eSATA)
- Gehäuse
- Phanteks Evolv ATX
- Netzteil
- Enermax Platimax D.F. 750W
- Betriebssystem
- Windows 10
- Webbrowser
- Firefox
Also ich habe sowas schonmal wie folgt gelöst (für eine Rollenspielseite - Beispiel gekürzt und nicht ganz Standardkonform):
In der Popup-Funktion kannst Du beliebigen HTML-Code mitgeben, nur mit Hochkommata musst Du aufpassen (die solltest man escapen).
PHP:
<script type="text/javascript">
<!--
var Xoffset = -60, Yoffset = 20, yyy = -1000, visible = false;
document.onmousemove = get_mousemove;
function popup(msg) {
var content="<table border=\"1\" width=\"320\" bordercolor=\"#b7be94\" cellpadding=\"2\" cellspacing=\"0\" bgcolor=\"#001000\"><tr><td align=\"justify\"><font color=\"#b7be94\" face=\"Verdana,Arial\" size=\"2\">"+msg+"</font></td></tr></table>";
yyy = Yoffset;
document.all.dek.innerHTML = content;
document.all.dek.style.visibility = "visible";
visible = true;
}
function get_mousemove(e){
if (!e) e = window.event;
if ( visible )
{
document.all.dek.style.left = e.clientX + document.body.scrollLeft + Xoffset;
document.all.dek.style.top = e.clientY + document.body.scrollTop + yyy;
}
}
function kill(){
yyy = -1000;
document.all.dek.style.visibility = "hidden";
visible = false;
}
//-->
</script>
<div id="dek" class="dek" style="position:absolute; visibility:hidden;"></div>
<map name="test" id="karte1">
<area shape="rect" coords="28,43 118,70" onmouseover="popup('<b>Feuerhand</b>');" onmouseout="kill();"/>
<area shape="rect" coords="25,71 141,87" onmouseover="popup('<b>Heiliger Zorn</b>');" onmouseout="kill();"/>
<area shape="rect" coords="22,90 125,112" onmouseover="popup('<b>Sympathie</b>');" onmouseout="kill();"/>
</map>
<img
style="border: 0px solid ; width: 230px; height: 460px; float: left;"
src="bild.jpg" hspace="5" vspace="5" usemap="#test">
In der Popup-Funktion kannst Du beliebigen HTML-Code mitgeben, nur mit Hochkommata musst Du aufpassen (die solltest man escapen).
Psychodead
Admiral Special
- Mitglied seit
- 06.11.2002
- Beiträge
- 1.551
- Renomée
- 11
- Mein Laptop
- Acer Travelmate 803 Lci
- Prozessor
- AMD Athlon XP 2500+ @ 3200+
- Mainboard
- Abit NF7 S 2.0
- Kühlung
- Innovatek WaKü
- Speicher
- G.Skill DIMM Kit 1024MB PC3200 DDR CL2-2-2-5 (PC400) (F1-3200BWU2-1GBGH)
- Grafikprozessor
- Abit 9600XT 256 MB Vivo
- Display
- 19" Samsung SyncMaster 191T 1280x1024
- HDD
- 2x 160 GB Seagate S-ATA Raid
- Optisches Laufwerk
- Plextor PX 116A, PX 712A
- Gehäuse
- CS 901
- Netzteil
- Antec true Power 480W
- Betriebssystem
- Win XP Prof
Vielen Dank für die neuen Anregungen. Die Klausur war soweit ganz gut
Ich habe jetzt mit dem Skript von Bomby mal eine .html Seite erstellt, das funktioniert auch.
Jetzt wollte ich das ganze in mein CMS integrieren und habe da noch ein paar Probleme...
Wenn ich es gelöst habe melde ich mich wieder.
Ich habe jetzt mit dem Skript von Bomby mal eine .html Seite erstellt, das funktioniert auch.
Jetzt wollte ich das ganze in mein CMS integrieren und habe da noch ein paar Probleme...
Wenn ich es gelöst habe melde ich mich wieder.
Ähnliche Themen
- Antworten
- 12
- Aufrufe
- 3K
- Antworten
- 17
- Aufrufe
- 2K
- Antworten
- 78
- Aufrufe
- 14K
- Antworten
- 5
- Aufrufe
- 6K