Sie haben einen kleinen Bereich. Sie fahren mit der Maus darüber. Es öffnet sich ein Bereich, der Ihnen eine vergrößerte Ansicht bietet. Dies ist ein jQuery-Plugin, das genau das tut. Ich werde Ihnen nicht sagen, wofür Sie es verwenden sollten oder ausführliche Anwendungsfälle erläutern. Ihre eigene Kreativität kann Ihnen dabei helfen.
Es ist in vielerlei Hinsicht flexibel, da die "kleinen", "großen" und "Zoom"-Bereiche über CSS leicht angepasst werden können. Es ist in anderer Hinsicht unflexibel, da es nicht "automatisch" durch Klonen von Inhalten oder Ähnlichem funktioniert (was wohl *flexibler* ist) und die HTML-Struktur recht starr ist.
In der aufkommenden Gepflogenheit von jQuery-Plugins, die von Demos profitieren, habe ich mehrere Demos und die Dokumentation dafür an einem Ort zusammengefasst.
Wir können die Kommentare/Diskussionen hier aber weiterführen. Wenn also jemand Ideen hat, wie man es besser/schlauer/cooler machen kann, lassen Sie es mich wissen!
Es ist wirklich eine tolle Sache, aber was mich am meisten daran begeistert, ist Ihre ausgezeichnete, ausgezeichnete Dokumentation! Normalerweise bekommt man bei jQuery-Plugins etwas wirklich Kryptisches, besonders wenn man nach Parametern sucht.
Das ist so cool! Das Einzige, was mir aufgefallen ist, ist, dass die Farben beim dritten Kalender geändert werden, war das absichtlich?
Vielen Dank dafür!!
Das ist eine wirklich schöne Implementierung von Zoom. Ich liebe die Tatsache, dass es unaufdringlich ist und so leicht in eine Website integriert werden kann.
Was schön wäre, wenn das überhaupt möglich ist, wäre die Möglichkeit, auf vergrößerte Links zu klicken?
Tolle Arbeit Chris :)
Das war genau das, was ich brauchte! Danke!
„Wir können die Kommentare/Diskussionen hier aber weiterführen. Wenn also jemand Ideen hat, wie man es besser/schlauer/cooler machen kann, lassen Sie es mich wissen!“
Das habe ich in Flash gemacht (..ja, ich weiß, das hat nichts mit jQuery zu tun und alle hassen Flash.. ich weiß), aber nur um Ihnen (und den anderen) eine Vorstellung davon zu geben, wie das in Flash aussieht (auf das Bild klicken, erzeugt einen Lupeneffekt mit Schatten und innerem weißen Glanz – nur um etwas „Echtes“ nachzuahmen! :))
http://www.musca-design.de/test/lupe/Untitled-1.html
Sie sind gewählt!
Trackback von WebDevVote.com
Erstellen Sie es mit MooTools.
boooo
Wäre nicht so schwer. Ehrlich gesagt.
David, du bist doch gut genug mit Mootools, warum machst du es nicht selbst?
Sieht ziemlich cool aus… vielleicht kann ich es eines Tages für etwas Innovatives verwenden :P, aber ich muss mir erst etwas Innovatives ausdenken, lol.. danke, dass du dieses Plugin beleuchtet hast, Chris :)
Ausgezeichnetes Plugin, danke!
Hallo Chris,
Tolle Arbeit, gibt es eine Möglichkeit, dass du einen Screencast erstellst, wie du es gemacht hast?
Ich weiß, ich könnte einfach den Code ansehen, aber Screencasts sind viel interessanter und leichter zu verstehen.
Danke : )
kann nicht mehr zustimmen…
Nettes kleines Spielzeug ^^ !
Tolle Implementierung von JQuery. Ich bin mir nicht sicher, wann genau ich das verwenden werde, aber ich bin mir ziemlich sicher, dass ich es irgendwann tun werde. Es sind kleine Details wie diese, die auf einer Website sehr beeindruckend aussehen können.
Mehr davon auf jeden Fall. Danke.
Diese Art von Benutzeroberflächenfunktionalität ist sehr lästig. Sie trägt nichts zur Erfahrung bei und ist immer eine Belästigung bei der Nutzung. Was soll das? Es fühlt sich nicht gut an. Entfernen Sie diesen Blogbeitrag sofort und ich werde Ihnen verzeihen. :-)
Versuchen Sie zumindest, Wertschätzung für die harte Arbeit von jemandem zu zeigen. Dies ist Chris's Website und er macht diese Dinge für die Community. Wenn es Ihnen nicht gefällt, gehen Sie WEG.
Das war ein ziemlich guter Konter.
Ja. Ich stimme Chris hier zu. Wann wäre dies jemals sowohl wirklich notwendig als auch nicht nervig zugleich?
Schöner Effekt und irgendwie trendig. Danke für das Plugin. :)
Was soll ich sagen, ich hätte mir das nicht selbst ausdenken können. Danke
Das ist wirklich cool!
Gute Arbeit Chris,
Was mir an diesem Plugin gefällt, ist, dass wenn man den Browser vergrößert (wie ich es immer tue), die Zoom-Funktionalität nicht vom Ziel abweicht (wie bei so vielen anderen JQuery-Zoom-Plugins).
Großartige Arbeit!
Ein Kunde hat mich gerade nach einer ‚Zoom‘-Funktionalität für seine Website gefragt… Ich habe mir den Kopf zerbrochen, wie ich genau das Gleiche machen könnte. Es stellt sich heraus, dass er nur eine aktualisierte Seite mit dem größeren Bild wollte. LoL Chris, du bist ein verdammter Heiliger, ich werde das ausprobieren und es wahrscheinlich irgendwo verwenden ~ danke
Clevere Sache, aber etwas fehlerhaft.
Diese Funktionalität wäre ideal für jemanden, der ein Spiel im Stil von „Wo ist Walter?“ entwerfen möchte.
Schauen Sie sich dieses Plugin von ThemeForest von James Padosely an: Zoomer
wirklich nett und ziemlich ähnlich. aber nicht kostenlos ;)
danke Chris!
nett, Bruder, gute Arbeit
Ich könnte mir vorstellen, dies auf einer Website zu verwenden, auf der es bekannte Probleme gibt, wenn die Website neu skaliert wird. Zum Beispiel, wenn Sie wissen, dass viele Leute mit Sehbehinderungen Ihre Website besuchen.
Anstatt die Website mit mehreren CSS-Dokumenten zu versehen und die ‚a,A, A‘ (das letzte A soll wirklich groß sein) oben rechts zu platzieren – könnten Sie dort einen Button platzieren, der diese Funktion anzeigt. Wenn der Benutzer klickt, könnte er überall auf der Website zoomen, wo sich seine Maus befindet. Wenn Sie das tun würden, müssten Sie die vergrößerte Box größer machen… vielleicht so breit wie die Website.
Wie auch immer, es ist fantastisch.
Sie müssen den Text ZWEIMAL im Markup platzieren, damit er zoombar ist, einmal in einem Div mit der ID "small" und ein zweites Mal in einem Div mit der ID "large". Das ist nicht gut.
Helen, Sie können den Text nur einmal platzieren und dann die jQuery-Clone-Funktion verwenden.
Dann ist es gut!
Ich verstehe die Bedenken. Klonen würde die doppelte Auszeichnung vermeiden, aber auf Kosten der Flexibilität. Sehen Sie sich die Kalender-Demo als Beispiel an, bei der der vergrößerte Bereich tatsächlich ANDERES Markup ist, das einen irgendwie coolen Effekt erzeugt. Ich schätze, in einer perfekten Welt würde das Plugin die Wahl bieten, "eigenen großen Bereich bereitstellen" oder zu klonen.
… Oder klonen und unterschiedliche Stylesheets für "klein" und "groß" anwenden.
Wow! Danke Chris!
Gute Arbeit, und meiner Meinung nach sehr nützlich. Ein Problem, das ich habe, ist, dass das große Div nicht mit dem kleinen Div ausgerichtet ist. Dieses Problem sehe ich auch in Ihrer Demo.
Um dies zu erweitern, wäre es schön, mehr Erklärungen darüber zu haben, was expansionSize und speedMultiplier bewirken.
Es wäre interessant, wenn etwas Ähnliches aus einer Usability/AAA-Perspektive betrachtet würde. Wir haben bei der Arbeit eine Website für das Braille Institute erstellt, die AAA-konform sein musste, da es sich um eine Website für Sehbehinderte handelte. Etwas wie das ist viel eleganter als die Skalierung von Text auf einer Seite.
Nettes Plugin :).
Es wäre viel besser, wenn der Zoom in Form eines Kreises anstelle eines Quadrats wäre, meiner Meinung nach.
Tolle Funktionalität, aber ich frage mich, in welchem Szenario diese Funktionalität nützlich wäre!? Hat jemand Ideen!?
Fantastisches Plugin, Chris. Sehr gute Arbeit. Habe ein ähnliches Problem wie andere damit, dass die Zoom-Box nicht mit der Mausposition übereinstimmt, aber abgesehen davon ist es ausgezeichnet!
Wenn jemand eine Lösung dafür findet, würde ich sie gerne hören. Ähnlich, wenn ich eine finde, werde ich zurückkommen. Ich vermute, es handelt sich um ein einfaches CSS-Eigenschaftsproblem.
@ all die, die sich fragen, wofür das nützlich sein könnte
Duh! Dies wäre eine gute, nicht aufdringliche Möglichkeit, dem Benutzer mehr von einem Produkt auf transaktionalen Websites zu zeigen. Yoox.com verwendet eine ähnliche Idee, obwohl ihre langsam und langweilig ist, außer in der Lingerie-Abteilung ;)
Hallo, wie geht's?
Ich suche genau das, was Sie geschrieben haben, aber ich brauche die Anzeige-Box ca. 4 Zoll x 2,5 Zoll und die Schriftgröße 48.
Gibt es eine Möglichkeit, dass es ein Add-on für Microsoft Word sein könnte?
Bitte antworten Sie per E-Mail
Vielen Dank für Ihre Zeit
Peter