#1 16. Februar 2012 Und zwar möchte ich diesen Effekt bei den Autos: Portfolio | Cars&Motors Nun möchte ich den Effekt mit Covers machen und ein Downloadzeichen in der Mitte des Covers? Weiß einer wie ich dies am besten machen kann? mfg sentino + Multi-Zitat Zitieren
#2 16. Februar 2012 AW: Wie schreibe ich diesen Effekt? Rechtsklick auf eines der Bilder (in Chrome) und dann "Element untersuchen" oder "Inspect with Firebug (Lite)". Dann siehst du, wie es dort gemacht wurde. + Multi-Zitat Zitieren
#3 16. Februar 2012 AW: Wie schreibe ich diesen Effekt? hier der block. HTML: <span class="image-border"> <a class="image-wrap" title="In tempus" rel="prettyPhoto[gallery]" href="http://livedemo00.template-help.com/wordpress_37777/wp-content/uploads/2011/07/gallery01.jpg"> <img class="attachment-portfolio-post-thumbnail-large wp-post-image" width="439" height="204" title="gallery01" alt="gallery01" src="http://livedemo00.template-help.com/wordpress_37777/wp-content/uploads/2011/07/gallery01-439x204.jpg" style="display: block;"> <span class="zoom-icon"></span> </a> </span> image-border background: #000; und position: relative; zoom-icon position: absolute; top: -230px; jetzt kommt js. bei mouseover muss das bild ausgefadet werden und zoom-icon auf top:0; das ist alles. + Multi-Zitat Zitieren
#4 16. Februar 2012 AW: Wie schreibe ich diesen Effekt? geht auch ohne: http://murdoc.eu/rr/cssfx/ (auch die bildansicht ist ohne js realisiert) funktioniert in allen modernen browsern (inkl. ff3.6 und ie9 aber ohne transitions) {bild-down: http://murdoc.eu/rr/cssfx/1282786204310.jpg} + Multi-Zitat Zitieren