RSS Feed

Posts Tagged ‘jQuery’

  1. Post-Thumbnail Spielereien: Bilder-Zoom mit jQuery Tooltip

    21:05 by Thomas

    Using jQuery Tooltip as Image-Zoom

    Vor kurzem habe ich unseren Familienblog mit einem neuen Theme ausgestattet, in dem ich auch die “Post_Thumbnail”-Funktion nutze – für mich eine der besten Funktion der jüngeren WordPress-Entwicklung. Allerdings gab das Theme nur eine begrenzte Größe der Vorschaubilder her, so dass ich eine Möglichkeit suchte, die Vorschaubilder bei dem Überfahren mit der Maus zu vergrößern…

    Da ich jQuery schon für andere Effekte in diesem Theme nutzte, entschied ich mich für den jQuery Tooltip. Ein äußerst schlankes jQuery-Plugin mit einem schönen Effekt.
    Um anstelle des klassichen Tooltips mit dem Title-Tag einen Zoom-Effekt für Vorschaubilder zu ereichen, muss man nur eine kleine Änderung im Loop vornehmen… Und so geht´s. (weiterlesen …)

    Category Tutorials, WordPress-Funktionen | Tags: ,,,, | No Comments

  2. Probleme mit Fancybox nach WP-Update auf Version 3.2.x

    12:00 by Thomas

    Wer das jQuery-Plugin “Fancybox” nutzt, oder sich vielleicht an meinem Tutorial hierzu probiert hat, wird vielleicht ziemlich frustiert auf seinen Blog schauen, wenn die Fancybox nach deWP-Versionsupdate auf 3.2.x nicht mehr funktioniert.
    Grund für den plötzlichen “Ausfall” ist die neue jQuery Version 1.6, die in WordPress 3.2 enthalten ist. Diese Version wird aber derzeit nicht von der aktuellen Fancybox-Version unterstützt… Mit einem kleinen Eingriff lässt sich die Funktion aber problemlos wieder herstellen. (weiterlesen …)

    Category Tutorials, WordPress-Funktionen | Tags: ,,, | No Comments

  3. WP-Gallery mit automatischer Fancybox

    20:17 by Thomas

    WordPress Logo blauWordPress bringt mit der Gallery Funktion ein einfaches und nützliches Tool mit sich, um Bilder ganz einfach in einer Gelerieansicht darzustellen. Doch wer die Bilder in einer vergrößerten Ansicht anbieten möchte, der hat die Wahl einer separaten Media-Seite oder man nutzt für Bildeffekte ein entsprechendes Javascript Plugin. Wie man ganz einfach ohne Plugin einen schönen Bildeffekt mit der Fancybox “zaubert”, möchte ich Euch hier kurz erklären.

    1. Voraussetzungen

    Als ersten benötigen wir das jQuery-Plugin Fancybox, das wir ja später nutzen möchten. Die aktuellste Version gibt es auf der Fancybox-Projektseite zum Download. Datei herunterladen und lokal auf dem Rechner entpacken und speichern. (weiterlesen …)

    Category Tutorials, WordPress-Funktionen | Tags: ,,,,, | No Comments