Checklist: Zoom-Mouseover

Basispaket herunterladen:
Basispaket

jQuery
Binde das jQuery ein
Ordnerpfad ->/js/Zoom-Mouseover/ZoomMouseover.js
z.B.
<script type="text/javascript" src="/Portals/_default/Skins/DNN Gallery/js/Zoom-Mouseover/ZoomMouseover.js"></script>
Gewünschte Anpassungen im jQuery (wenn jQuery- und CSS-Kenntnisse vorhanden)
Zoom-Bild:
- marginTop: '-70px', (Linie 6)
- marginLeft: '-80px',
- top: '50%',
- left: '50%',
- width: '134px',
- padding: '5px',
- opacity: '100%'
Original-Bild:
- marginTop: '0',
- marginLeft: '0',
- top: '0',
- left: '0',
- width: '100px',
- padding: '5px',
- opacity: '50%'
CSS
Binde das CSS ein
Ordnerpfad ->/CSS/Zoom-Mouseover/hoverzoom.css
z.B.
<link rel="stylesheet" href="/Portals/_default/Skins/DNN Gallery/css/screen/hoverzoom.css" type="text/css" />
New Step
There are no steps, click here to create one

jQuery