Checkliste: Mouseover-Beschreibung

Basispaket herunterladen:
Basispaket

jQuery
Binde das jQuery ein
Ordnerpfad ->/js/MouseoverDescription/HoverIntent.js
Ordnerpfad ->/js/MouseoverDescription/MouseoverDescription.js

Füge zuerst das Script HoverIntent.js ein.
z.B.
<script type="text/javascript" src="/Portals/_default/Skins/DNN Gallery/js/MouseoverDescription/HoverIntent.js"></script>

Danach füge das Haupt-Script ein.
<script type="text/javascript" src="/Portals/_default/Skins/DNN Gallery/js/MouseoverDescription/MouseoverDescription.js"></script>
CSS
Binde das CSS ein
Ordnerpfad ->/CSS/MouseoverDescription/MouseoverDescription.css

z.B.
<link rel="stylesheet" href="/Portals/_default/Skins/DNN Gallery/css/screen/MouseoverDescription.css" type="text/css" />
CSS bearbeiten
Änderung des Popups: .thumb li div.Beschreibung
- Hintergrund (Bildpfad anpassen)
- Position
- etc.
Nicht für alle Galerien möglich!
Diese Funktion ist für
- Mini-Thumbnails
- MouseoverAnsicht
- ImageFlow
nicht möglich!
Neuer Schritt
Kein Schritt vorhanden, klicke hier um einen zu erstellen

jQuery