Das Wort bedeutet Miniaturbild oder Vorschaubild und kommt vom Englischen Daumennagel.
Meist dienen Thumbs dazu, die Ladezeiten von Websites zu verkürzen, ohne dass der Besucher jedoch auf eine detaillierte Ansicht verzichten muss, oder um in einem Werk eine Übersicht mit reduzierten Bildinformationen zu erstellen.
Es ist eine interessante Variante, Webseiten benutzerfreundlich zu gestalten. Denn, wenn dich das Vorschaubild nicht anspricht, willst das Original in voller Grösse wohl gar nicht sehen.
Vorbereitung
Du brauchst erst einmal zwei Bilder, das Vorschaubild und das grosse Originalbild. Im Grafikprogramm skaliere ich das Thumbnail auf etwa 80 x 140 Pixel und versehe es mit einem Zoom-Symbol. Das Original hat dann beispielsweise Abmessungen von 400 x700 Pixeln und speichere beide als '.png'.
Mit Modal Pop – WP im Sitebuilder 2
1) Das Tool auf die zu gestaltende Webseite ziehen
Meist dienen Thumbs dazu, die Ladezeiten von Websites zu verkürzen, ohne dass der Besucher jedoch auf eine detaillierte Ansicht verzichten muss, oder um in einem Werk eine Übersicht mit reduzierten Bildinformationen zu erstellen.
Es ist eine interessante Variante, Webseiten benutzerfreundlich zu gestalten. Denn, wenn dich das Vorschaubild nicht anspricht, willst das Original in voller Grösse wohl gar nicht sehen.
Vorbereitung
Du brauchst erst einmal zwei Bilder, das Vorschaubild und das grosse Originalbild. Im Grafikprogramm skaliere ich das Thumbnail auf etwa 80 x 140 Pixel und versehe es mit einem Zoom-Symbol. Das Original hat dann beispielsweise Abmessungen von 400 x700 Pixeln und speichere beide als '.png'.
Mit Modal Pop – WP im Sitebuilder 2
1) Das Tool auf die zu gestaltende Webseite ziehen
2) Das folgende Fenster erscheint, wobei gemeint ist mit 'Elemente hierher ziehen', dass das schliesslich das Popup-Bild ist. Du kannst jetzt das Originalbild schon mal hierherziehen
dann sieht es dann so aus.
3) Mit einem Klick auf das eingefügte Bild gelangst du ins Setup der Popup-Funktion. Hier wähle ich immer Hide Pop Up, weil die Übersicht besser ist.
da du ja keine Schaltfläche, sondern ein kleines Vorschaubild verwenden möchtest, musst du nach unten scrollen, bis zu Use Image Trigger, Hide Button Trigger und aktiviere diese.
4) Jetzt wirst du erneut aufgefordert ein Bild hochzuladen. Das wäre dann dein vorbereitetes Thumbnail.
Nach einem Klick auf Veröffentlichen wird das Popup funktionieren.
Mit HTML
Wenn du gerne etwas auf deiner Website mit HTML und JAVA programmierst, wäre der gleiche Effekt auch mit einem kleinen Code möglich, den ich dir gerne zur Verfügung stelle. Die Bildadressen musst du selbstverständlich anpassen.
Mit HTML
Wenn du gerne etwas auf deiner Website mit HTML und JAVA programmierst, wäre der gleiche Effekt auch mit einem kleinen Code möglich, den ich dir gerne zur Verfügung stelle. Die Bildadressen musst du selbstverständlich anpassen.
Miniatur: https://luck-cbs.ch/uploads/1/3/7/6/137608123/change-t_orig.png
Original: https://luck-cbs.ch/uploads/1/3/7/6/137608123/change-g_orig.png
Original: https://luck-cbs.ch/uploads/1/3/7/6/137608123/change-g_orig.png
und so tickt dann das Ding
deine Kommentare, Fragen und Kritik zu diesem Beitrag >> hier deponieren.