mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 23:17 Benutzername: Passwort: Auto-Login

Thema: hover effekt über bild - ajax, javascript? vom 31.10.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> hover effekt über bild - ajax, javascript?
Seite: 1, 2  Weiter
Autor Nachricht
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Fr 31.10.2008 15:48
Titel

hover effekt über bild - ajax, javascript?

Antworten mit Zitat Zum Seitenanfang

hallo ihr

ich habe eine frage...
und zwar geht es mir um diesen effekt auf dieser seite http://www.submitcss.com/
wenn man auf die bilder klickt kommt ein hover effekt mit titel und sogar mich rankingsternen...

kann mir einer vllt sagen wie ich das mache?
oder irgendein tutorial?

hab schon auf mehreren ajaxseiten geschaut aber nichts gefunden...

wär euch sehr dankbar wenn ihr mir helfen könntet^^
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 31.10.2008 15:52
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/

http://www.smashingmagazine.com/2008/10/16/50-excellent-ajax-tutorials/

http://www.smashingmagazine.com/2006/10/25/css-techniques-tutorials-layouts/

http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/


da wirste sicher fündig....viel spaß mein stöbern
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Fr 14.11.2008 16:04
Titel

Antworten mit Zitat Zum Seitenanfang

danke für diese antwort *zwinker*
aber da stöber ich eh immer

nur entweder bin ich vllt blind oder dort gibt es nicht wirklich das was ich brauche...

könnte mir vlt sonst noch einer helfen, wie man das umsetzen könnte??
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 14.11.2008 16:14
Titel

Antworten mit Zitat Zum Seitenanfang

Das Beispiel ist irgendwie etwas buggy oder? Mal wird es ganz kurz animiert eingefahren,
ansonsten wird es einfach nur eingeblendet... Wie hättest du es denn gerne?

Die Theorie ist auf jeden Fall die gleiche. Du blendest den Star Rater aus oder schiebst
ihn ins Off und blendest ihn wieder ein bzw animierst ihn wieder rein.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Fr 14.11.2008 17:42
Titel

Antworten mit Zitat Zum Seitenanfang

naja ich hätt einfach ganz gerne diesen transparenten hovereffekt *g
und eine anleitung wäre irgendwie ganz hilfreich^^
  View user's profile Private Nachricht senden
xBe

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Fr 14.11.2008 17:59
Titel

Antworten mit Zitat Zum Seitenanfang

<!-- End Of Script Generated By WP-PostRatings 1.31 -->


schon nach gegoogelt?
  View user's profile Private Nachricht senden
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Mo 17.11.2008 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

um das ranking gehts mir ja nicht wirklich

ich möchte gerne diesen hovereffekt erklärt bekommen
weil ich mihc so gut noch nich mit motools oder sonstwas auskenne...
und den quellcode schau ich mir ja an, werde aber halt nicht wirklich schlau draus...

hab noch ein beispiel
http://fbrushes.com/

wäre über wirkliche hilfe sehr dankbar
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 17.11.2008 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
   window.addEvent('domready', function(){

   links = $$('.screenshot');

   toggles = $$('.rating');

   togs = {};

   links.each(function(el, idx) {

      togs[idx] = new Fx.Styles(toggles[idx], {duration:500, wait:false});

      el.addEvent('mouseenter', function(){ togs[idx].start({ 'bottom': 0 }); });

      el.addEvent('mouseleave', function(){ togs[idx].start({ 'bottom': -95 }); });

   });



http://fbrushes.com/wp-content/themes/fbrushes/style.css
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Rahmen-hover-Effekt um verlinktes Bild im IE
hover-Button/hover-Bild wird darunter eingefügt
CSS Hover Effekt im IE
a:hover effekt
Problem mit CSS Hover Effekt
hover-effekt bei text?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.