PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
On Mouse Over Effekt per Grafikaustausch
Beitrag
<blockquote data-quote="sokie" data-source="post: 1444231" data-attributes="member: 178443"><p><strong>AW: On Mouse Over Effekt per Grafikaustausch</strong></p><p></p><p>hallo declaudi,</p><p>also das mit dem zentrieren (und beim animieren zentriert bleiben) das ist ja so:</p><p>das icon wird vergrössert, und das es ja positioniert ist(links oben) geschieht das vergrössern natürlich nach unten und nach rechts. als muss sich das Ding auch gleichzeitig nach oben und links um jeweils den halben Betrag verschieben, damit es optisch an der Position bleibt.</p><p>Beim Verkleinern (also beim mouseout) muss natürlich beides auch wieder zurückgenommen werden, bzw.das icon wieder an der alten platz gesetzt werden. Am praktischten geht das mit animate("top":0,"left":0).</p><p>ein Beipspiel (allerdings mit anderen icons alle 48x48) hier </p><p>ich habe das ein wenig ausgemistet. die klasse .hover wird nicht benötigt und ist nicht mehr drin. </p><p>Funktioniert allerdings auch im alten ie6...</p><p></p><p></p><p>wenn eins klar ist, dann doch wohl das <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile :-)" loading="lazy" data-shortname=":-)" /> (Stichwort "blubseffekte")</p><p>ich finde das auch gut.man muss ja schliesslich die Erfahrungen machen - und leider auch die, dass 'alles' zusammen nicht ungeregelt gehen kann (aus gutem Grund haben Chöre meisst einen Dirigenten, und einigen sich zumindest darauf, zeitgleich das selbe Lied zu singen..)</p><p></p><p>für den Auftritt der Seite hinterher, sollten dann aber doch die Inhalte die ersteStelle haben,und die blubse eher moderat gehalten werden, oder? (was man in dem wenigen an Code zumindest herauslesen kann ist, dass du eine Reihe interessanter Inhalte hast - ich bin jedenfalls gespannt.</p><p></p><p>DieKonsequnzen liegen liegen doch auf der Hand - wenn die tausende von Effekten funktionieren ist dein Besucher schnell überfordert (wenn er beim absurfen gern seine klassische Chormusik hört vielleicht sogar verärgert).</p><p>Wenn vieles nicht funktioniert ist das weniger schlimm, solange es nicht dazu führt, dass die funktion nicht beeinträchtigt wird. Am Beispiel der Button-effekte wird dasschnell klar -selbst wenn die Effekte ausbleiben,funktioniert trotzdem der Klick auf den Button, und der Aufruf der gewünschten Seiten.</p><p>Inhalte wie "Typografie" oder "Corporate Design" etc. verlangen aber schon vom Rahmen ein bisschen Disziplin, Zurückhaltung und ein klares Konzept - da sindvon tausend Effekten vielleicht schnell 999 gar nicht gefragt, oder gar nicht erwünscht.</p></blockquote><p></p>
[QUOTE="sokie, post: 1444231, member: 178443"] [b]AW: On Mouse Over Effekt per Grafikaustausch[/b] hallo declaudi, also das mit dem zentrieren (und beim animieren zentriert bleiben) das ist ja so: das icon wird vergrössert, und das es ja positioniert ist(links oben) geschieht das vergrössern natürlich nach unten und nach rechts. als muss sich das Ding auch gleichzeitig nach oben und links um jeweils den halben Betrag verschieben, damit es optisch an der Position bleibt. Beim Verkleinern (also beim mouseout) muss natürlich beides auch wieder zurückgenommen werden, bzw.das icon wieder an der alten platz gesetzt werden. Am praktischten geht das mit animate("top":0,"left":0). ein Beipspiel (allerdings mit anderen icons alle 48x48) hier ich habe das ein wenig ausgemistet. die klasse .hover wird nicht benötigt und ist nicht mehr drin. Funktioniert allerdings auch im alten ie6... wenn eins klar ist, dann doch wohl das :-) (Stichwort "blubseffekte") ich finde das auch gut.man muss ja schliesslich die Erfahrungen machen - und leider auch die, dass 'alles' zusammen nicht ungeregelt gehen kann (aus gutem Grund haben Chöre meisst einen Dirigenten, und einigen sich zumindest darauf, zeitgleich das selbe Lied zu singen..) für den Auftritt der Seite hinterher, sollten dann aber doch die Inhalte die ersteStelle haben,und die blubse eher moderat gehalten werden, oder? (was man in dem wenigen an Code zumindest herauslesen kann ist, dass du eine Reihe interessanter Inhalte hast - ich bin jedenfalls gespannt. DieKonsequnzen liegen liegen doch auf der Hand - wenn die tausende von Effekten funktionieren ist dein Besucher schnell überfordert (wenn er beim absurfen gern seine klassische Chormusik hört vielleicht sogar verärgert). Wenn vieles nicht funktioniert ist das weniger schlimm, solange es nicht dazu führt, dass die funktion nicht beeinträchtigt wird. Am Beispiel der Button-effekte wird dasschnell klar -selbst wenn die Effekte ausbleiben,funktioniert trotzdem der Klick auf den Button, und der Aufruf der gewünschten Seiten. Inhalte wie "Typografie" oder "Corporate Design" etc. verlangen aber schon vom Rahmen ein bisschen Disziplin, Zurückhaltung und ein klares Konzept - da sindvon tausend Effekten vielleicht schnell 999 gar nicht gefragt, oder gar nicht erwünscht. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
On Mouse Over Effekt per Grafikaustausch
Oben