Checkliste: Mini-Thumbnails

Basispaket herunterladen:
Basispaket

jQuery
Binde das jQuery ein
Ordnerpfad ->/js/Mini-Thumbnails/MiniThumbnails.js
z.B.
<script type="text/javascript" src="/Portals/_default/Skins/DNN Gallery/js/Mini-Thumbnails/MiniThumbnails.js"></script>
Änderung im jQuery-File
Im jQuery kannst du die Höhe und Breite der Gross-Ansicht anpassen.
- height: 500, (Linie 179)
- width: 500, (Linie 180)
CSS
Binde das CSS ein
Ordnerpfad ->/CSS/Mini-Thumbnails/MiniThumbnails.css
z.B.
<link rel="stylesheet" href="/Portals/_default/Skins/DNN Gallery/css/screen/MiniThumbnails.css" type="text/css" />
Änderung im CSS
Im CSS kannst du die Thumbnailfarbe und mehr ändern.
- Thumbnail ändern: .jqGSContainer .jqGSPagination ul li a (Linie 64)
- Thumbnail Mouseover ändern: .jqGSContainer .jqGSPagination ul li a:hover (Linie 74)
- Thumbnail Aktiv ändern: .jqGSContainer .jqGSPagination ul li a.selected (Linie 78)
Neuer Schritt
Kein Schritt vorhanden, klicke hier um einen zu erstellen

jQuery