Suche Mousover Effekt wie Jack and Jones

Hallo Experten!

Ich bin auf der Suche nach diesem Mouseovereffekt für Wordpress...

http://de.bestseller.com/jack-jones/jack-jones,de_DE,sc.html

ich glaube ich hab mich verliebt in die Funktion - finde sie einfach klasse!

Hat jemand eine Ahnung wie man das hinbekommt???

Oder gibt es ein Plugin dafür??

Oder kann jemand dafür ein Plugin erstellen???

Ich wäre der erste käufer!

Ja genau den Effekt bei den Bildern in der Mitte!

Danke

Zitat von Art of Pic

Vermute mal er meint den Effekt bei den Bildern.......
Da gibt es verschiedene Möglichkeiten

z.B.
http://buildinternet.com/project/mosaic/
oder
http://www.queness.com/post/590/jquer…aption-tutorial
auf Queness findest du auch noch weitere Tutorials, verwende selbst eins davon

um genau den gezeigten Effekt zu erreichen, muss man den eben ein paar Änderungen vornehmen

[COLOR=Red]Edit[/COLOR]: gerade noch was gefunden
Hover Zoom Effect with jQuery and DSS.......... Demo

Alles anzeigen

Waahnsinn... Danke mein Freund! Dieser Effekt ist toll, nur leider verstehe ich nicht wie ich das umsetzen soll!? Wohin kommter Code, muss ich alle drei codes integrieren und vor allem whin, wie schon oben erwähnt....
Ein Plugin wäre toll :-)

Kann man das in ein Widget integrieren? Angenommen ich hätte gerne auf einer Seite - zB Startseite so wie bei Jack and jones 4 Bilder mit dem Effekt - wohin kommt der CODE? in die Header php?

Angenommen ich kann auf die Startseite Widgets (zB HTML tEXT) einbauen, Wie kann ich da die vier bilder so nebeneinander platzieren?

Ich als nicht programmierer tuh mich da leider sehr schwer...

http://mattbango.com/notebook/web-d…jquery-and-css/

Hi!

Also ich hab schon die SEITE (theme usw.hab ich schon integriert) fast fertig...
Verstehe ich das richtig:

1. ich gehe zur header.php und setze den Code ein wo ich will, nur halt mit meinen Daten zu den Bildern. Der Code ist nur für ein Bild oder.. ich müsste den vier mal kopieren und halt jedesmal einen anderen Bildlink eingeben.

werden die dann Automatisch je nach Platz auf meiner Seite platziert, das das dritte Bild einfach nach unten rutscht da es keinen Platz hat?

<div class="viewport"> <a href="http://www.flickr.com/photos/matt_bango/3479048548/"> <span class="dark-background">Northern Saw-whet Owl <em>Photo by Matt Bango</em></span> <img src="http://farm4.static.flickr.com/3641/3479048548_e58742bd46.jpg" alt="Northern Saw-Whet Owl" /> </a> </div>

2. den CSS teil gebe ich dann in die Style CSS ein? wohin - an das Ende anhängen? und muss ich die
Texte die darunter vorkommen mit den Sternen auch reinpacken? oder gelten die nur als Anleitung?
Muss ich das <style type="text/css"> vor den Code und das </style> nach den Code hinzufügen?

* --- Container configuration ---------------------------------------------------------- */ .viewport { border: 3px solid #eee; float: left; height: 299px; margin: 0 9px 9px 0; overflow: hidden; position: relative; width: 450px; } /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar class to the last thumbnail in each row to get rid of the margin-right. */ .no-margin { margin-right: 0; } /* --- Link configuration that contains the image and label ----------------------------- */ .viewport a { display: block; position: relative; } .viewport a img { height: 332px; left: -20px; position: relative; top: -20px; width: 500px; }
..............usw...

3. den jQuery Teil setzte ich 1:1 zwischen die Befehle <script type="text/javascript">..[size=18][COLOR=DarkRed]alles hier rein???[/COLOR][/SIZE]..</script> auch in die HEADER.php ???

Liege ich da richtig? ich könnte das hinbekommen?

Bitte um Verständis danke das du dir am Sonntag Zeit nimmst um anderen
zu helfen! :lol:

:paha

Also wenn ich nur das java und die css ändere dann geschieht nichts?

Ich muss also den Befehl mit der div aufrufen??? oder

<div class="viewport"> <a href="http://ww......

Mann bin ich blöd:smile: muss noch dazu lernen...

Wie bekomme ich dann den Effekt auf die Startseite, bzw wie sage ich welches bild diesen Effekt bekommt?

Wenn ich ein html widget nehme und die div da rein packe dann müsste das Bild mit der Funktion erscheinen oder??? Ich möchte ja nur das die ausgewählten Bilder die Funktion erhalten! Der Rest soll gleich bleiben

Und hab ich es jetzt so halbwegs verstanden :?:

:p Super, werde das nach meinem Nachmittagsausflug dann gleich mal probieren!!! Kann nicht viel passieren - ich lege mir eine Kopie der original Dateien an und dann tüfftle ich mal herum...

Ist das schön wenn man jeden Tag was neues lernt!

Danke für die Hilfe