1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Thumbnails Grayscale

Dieses Thema im Forum "Design" wurde erstellt von DaBe, 28. November 2009.

  1. DaBe

    DaBe Gast

    Hallo

    Gibt es eine Möglichkeit die Thumbnails Schwarz/Weiss anzuzeigen und bei Mouseover farbig.

    mit dem: Filter: gray
    geht es, aber nur im IE. Gibt es da eine möglichkeit die auch im Firefox anzuzeigen. die anderen browser sind mir egal, da ihc denke, dass sind von 100 besuchern gerade mal 2 oder so.

    eventuell mit jquery oder sowas?
    weiss nicht nach was ich bei google suchen muss..hab schon mehrere seiten angeschaut aber nie war das richtige dabei.
     
  2. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
  3. DaBe

    DaBe Gast

    hmm..danke. blicke da abr nicht ganz durch.

    kannst du mir das einwenig erklären bitte?

    danke
     
  4. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Nein, das würde hier Seiten füllen. Orientiere dich bitte an der Doku.

    Zunächst würde ich nur das runterladen was wirklich benötigt wird, Core-files und den entsprechenden Effekt den du willst, in deinem Fall wäre das Desaturate.

    Wie es eingebunden wird steht hier. Da der gleiche Effekt schon als Demo gezeigt wird, lohnt sich ein Blick in den Quellcode der Seite um schlauer zu werden.
     
  5. DaBe

    DaBe Gast

    Hallo

    Ok. Ich habe nun folgendes gemacht. Die pixastic.custom.js habe ich heruntergeladen.

    nun habe ich folgende zeile in den header meiner seite eingefügt:
    <script type='text/javascript' src='http://www.domain.ch/pixastic.custom.js'></script>
    <script type="text/javascript">
    function desaturate(img) {
    var img2 = Pixastic.process(img, "desaturate");
    img2.onmouseout = function() {
    Pixastic.revert(this);
    }
    }
    </script>

    anschliessend habe ich folgende test gemacht:

    <img src="http://www.domain.ch/test.jpg" onmouseover="desaturate(this);"/>

    in der index eingefügt.

    das bild test.jpg wird farbig angezeigt..aber ich es ändert sich,...

    eine andere frage...kann man dies auch umdrehen, dass greyscale am anfang ist und es dann farbig wird.
     
  6. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Wäre 'ne Möglichkeit:

    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. DaBe

    DaBe Gast

    Ich habe jetzt was gefunden was mit js arbeitet. wenn ich eine testseite einrichte funktionierts..wenn ich aber das ganze mit dem postthumb plugin mache geht es nicht..weshalb?

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    So sieht die Testseite aus, welche funktioniert.

    WEnn ich nun den JS teil in meinen wp header einfüge und dann die post thumb ausgabe so anpasse:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    geht es nicht.

    Die Ausgabe im Quellcode von der Testseite:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Die Ausgabe im Quellcode vom Post Thumb plugin:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Wo liegt der Fehler?
     
  8. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Die Ausgabe der Bild-Url, bzw. die Anführungszeichen
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    So besser ?
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  9. DaBe

    DaBe Gast

    GEIL DANKE

    und sorry für die umstände.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden