Mouseover effekt brauche bitte hilfe
Verfasst: Mi 27. Sep 2017, 20:37
Hallo ihr mal wieder.
ich brauche mal wieder hilfe bei Code
Ich würde gern ein Mouseover Effekt einbauen.
Der Sollte so aussehen
http://www.quinoa-shop.de/test/index.html
hab jetzt mal einiges versucht aber wiedermal ohne erfolg. Ich denke ich muss die Startseite datei bearbeiten oder ? Dort werden ja die Angebote zusammengebaut oder
Hier der Code vom Mouseover welcher da dazwischen sollte. Eigentlich ja nicht schwer aber zuviel für mich.
ich brauche mal wieder hilfe bei Code
Ich würde gern ein Mouseover Effekt einbauen.
Der Sollte so aussehen
http://www.quinoa-shop.de/test/index.html
hab jetzt mal einiges versucht aber wiedermal ohne erfolg. Ich denke ich muss die Startseite datei bearbeiten oder ? Dort werden ja die Angebote zusammengebaut oder
- Code: Alles auswählen
<?php if ($StartseitenangebotDataArray) { ?>
<section class="artikelBlockFormat">
<h3><?php echo $n_angebote ?></h3>
<?php foreach ($StartseitenangebotDataArray as $StartseitenangebotData) { ?>
<div class="verlauf artikelBlockFormat">
<?php if ($StartseitenangebotData["imagesmall_imagestring"]) { ?>
<div>
<div class="<?php echo $StartseitenangebotData['highlight_css_class']?>">
<?php echo $StartseitenangebotData['highlight_name'];?>
</div>
<a href="<?php echo GetArtikelLink($StartseitenangebotData["id"], $StartseitenangebotData["kategorieid"], "", "", 1, $tpl_refertype_angebote, "", $SEOURLArray); ?>"><?php echo $StartseitenangebotData["imagesmall_imagestring"] ?></a>
</div>
<?php } ?>
<h2><a href="<?php echo GetArtikelLink($StartseitenangebotData["id"], $StartseitenangebotData["kategorieid"], "", "", 1, $tpl_refertype_angebote, "", $SEOURLArray); ?>"><?php echo $StartseitenangebotData["artikelname"] ?></a></h2>
<strong><?php echo $StartseitenangebotData["preis_format"] ?></strong>
</div>
<?php } ?>
</section>
<?php } ?>
Hier der Code vom Mouseover welcher da dazwischen sollte. Eigentlich ja nicht schwer aber zuviel für mich.
- Code: Alles auswählen
<div class="grid">
<figure class="effect-zoe">
<img src="img/25.jpg" alt="img25"/>
<figcaption>
<h2>Creative <span>Zoe</span></h2>
<p class="icon-links">
<a href="#"><span class="icon-heart"></span></a>
<a href="#"><span class="icon-eye"></span></a>
<a href="#"><span class="icon-paper-clip"></span></a>
</p>
<p class="description">Zoe never had the patience of her sisters. She deliberately punched the bear in his face.</p>
</figcaption>
</figure>
</div><!-- /container -->
<script>
// For Demo purposes only (show hover effect on mobile devices)
[].slice.call( document.querySelectorAll('a[href="#"') ).forEach( function(el) {
el.addEventListener( 'click', function(ev) { ev.preventDefault(); } );
} );
</script>