Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 19
  1. #1
    Franko ist offline Grünschnabel
    registriert
    07-01-2011
    Beiträge
    6

    Linkfarben anpassen in jQuery

    Benutze jQuery JavaScript Library v1.4.2 für ein Carousel. Dabei ändern sich die Linkfarben wie in diesem Beispiel:
    www . bikeradar . com


    Mein Problem: Ich kann die Linkfarben nicht ändern. Es liegt nicht an fehlenden CSS Kenntnissen. So wie ich die jQuery Library verstehe müsste das irgendwo zwischen Zeile 469 bis 544 sein. Ich habe dort bereits alle Farben verändert ohne Erfolg.

    Kann mir jmd. das Prinzip erläutern oder einen Hinweis geben wo anzusetzen ist?
    Geändert von Albu (07-01-2011 um 11:51 Uhr) Grund: Url enturlt

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    2.896

    AW: Linkfarben anpassen in jQuery

    irgendwo zwischen Zeile 469 bis 544 ... von welcher Datei?
    Wie bindest du das Script ein?
    An welcher Stelle im Code?
    Hoffe ich konnte helfen

  3. #3
    Bieber ist offline König
    registriert
    10-12-2007
    Ort
    Erfurt
    Beiträge
    964

    AW: Linkfarben anpassen in jQuery

    Zitat Zitat von miniA4kuser Beitrag anzeigen
    irgendwo zwischen Zeile 469 bis 544 ... von welcher Datei?
    Wie bindest du das Script ein?
    An welcher Stelle im Code?
    ist wahrscheinlich nur ein etwas besser getarnter Versuch einen Backlink zu bekommen ;-)
    crazy

    Schach online: Lust auf eine Partie Schach gegen mich? Einfach kostenlos auf onlineschach.eu registrieren und den Bieber suchen.

  4. #4
    Franko ist offline Grünschnabel
    registriert
    07-01-2011
    Beiträge
    6

    AW: Linkfarben anpassen in jQuery

    Zitat Zitat von miniA4kuser Beitrag anzeigen
    irgendwo zwischen Zeile 469 bis 544 ... von welcher Datei?
    Wie bindest du das Script ein?
    An welcher Stelle im Code?
    jQuery JavaScript Library v1.4.2
    Die Datei ist zu groß um Sie hier reinzustellen. Deshalb hier der Downloadlink.

    Das Script binde ich gleich ein, wie bei o.g. Adresse (bikeradar, ist keine Werbung!!), also so:

    <div id="carousel">
    <img id="carousel_image" src="pix-news/news01.jpg" width="270" alt="" />
    <img id="carousel_transitional_image" src="pix-news/carousel_background.gif" alt="" />
    <ul id="carousel_thumbnails">
    <li class="active_thumbnail">
    <img src="pix-news/news01.jpg" alt="" width="45" class="active_thumbnail" />
    <a href="#" class="active_thumbnail"><h4>Menüpunkt 1</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </a>
    </li>
    <li>
    <img src="pix-news/news02.jpg" alt="" width="45" class="active_thumbnail" />
    <a href="#" class="active_thumbnail"><h4>Menüpunkt 2</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </a>
    </li>
    <li>
    <img src="pix-news/news03.jpg" alt="" width="45" class="active_thumbnail" />
    <a href="#" class="active_thumbnail"><h4>Menüpunkt 3</h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </a>
    </li>
    </ul>
    </div>

  5. #5
    Bieber ist offline König
    registriert
    10-12-2007
    Ort
    Erfurt
    Beiträge
    964

    AW: Linkfarben anpassen in jQuery

    In der jquery-library selbst sollte man nie etwas ändern! Wenn man Funktionalitäten braucht die nicht vorhanden sind bedient man sich entweder Plugins oder macht die Anpassungen anders (z.B. eben CSS), eventuell gibt es bei der Funktion die du nutzt ja auch Parameter?!

    hast du eine Testseite, wo du dein Problem zeigen kannst, ohne dass noch 50.000Zeilen anderer Code vorhanden sind durch die man sich durchquälen müsste? Das würde die Sache wesentlich vereinfachen ;-) .
    crazy

    Schach online: Lust auf eine Partie Schach gegen mich? Einfach kostenlos auf onlineschach.eu registrieren und den Bieber suchen.

  6. #6
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Linkfarben anpassen in jQuery

    Grundsätzlich werden solche Dinge bei Jquery via CSS gesteuert.
    Schon mal !important probiert? Hilft oft bei der Fehlersuche...

  7. #7
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    2.896

    AW: Linkfarben anpassen in jQuery

    Wenn Code gepostet wird, dann bitte die Code-Tags benutzen, z.B: &#91;CODE&#93;Hier den Code einfügen&#91;/CODE&#93;
    Code:
    Hier den Code einfügen
    Zitat Zitat von Bieber Beitrag anzeigen
    ...eventuell gibt es bei der Funktion die du nutzt ja auch Parameter?!
    Deswegen fragte ich auch wie und wo das Script bzw. die Funktion eingebunden wird und nicht wie das HTML für diese Funktion aussieht.
    Hoffe ich konnte helfen

  8. #8
    Franko ist offline Grünschnabel
    registriert
    07-01-2011
    Beiträge
    6

    AW: Linkfarben anpassen in jQuery

    ..vielen Dank für die Antworten. Und Ihr habt Recht -ich will mich bessern ;-) Deshalb habe ich den Code gekürzt und auf einen Testserver gestellt:
    http://betterstreets.del

    Linkfarben im CSS sind alle auf rot gestellt. Wie Ihr seht, sind die Linkfarben rot, bis das Carousel startet. Danach habe ich kenen Einfluss mehr auf die Linkfarben. Wo kann ich auf die Linkfarben zugreifen?

  9. #9
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    2.896

    AW: Linkfarben anpassen in jQuery

    Schön das du den HTML-Code gekürzt hast, ABER (ich wiederhole mich nur ungern):

    Zitat Zitat von miniA4kuser Beitrag anzeigen
    Deswegen fragte ich auch wie und wo das Script bzw. die Funktion eingebunden wird und nicht wie das HTML für diese Funktion aussieht.
    Warum ist die Scriptdatei nicht auch gekürzt?
    Warum ist dort [ jQuery JavaScript Library v1.4.2 ] 2 (in Worten: zwei) Mal vorhanden?
    Warum müssen wir uns durch über 2100 Zeilen Code wühlen, nur weil du keine Angaben zum Funktionsaufruf machen kannst?
    Was ist mit der Funktion [ function setup_homepage_carousel() ]?
    Hast du diese erstellt oder angepasst oder oder oder ???
    Was ist mit der Funktion [ function carousel_setup(thumbnailElementName,imgElementName,transImgElementName,useZoomOption) ]?
    Hast du diese erstellt oder angepasst oder oder oder ???
    Was ist mit der Funktion [ function carousel_force(clickedImage,thumbnailElementName,imgElementName,transImgElementName,useZoomOption,im mediateSwitch) ]?
    Hast du diese erstellt oder angepasst oder oder oder ???

    Nichtsdestotrotz ist es glaube ich das hier wonach du suchst:
    Code:
    document.getElementById(thumbnailElementName).getElementsByTagName("li")[0].getElementsByTagName("a")[0].style.color = "rgb(255, 255, 255)";
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("img")[0],"borderColor","#","2b2b2e","116EB8",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ? 1 : 50);
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("a")[0],"color","#","666666","000",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ?  1 : 50);
    Nur mal kurz überflogen, da ich echt keinen Bock habe mich weiter durch die über 2100 Zeilen Code zu wurschteln!
    Hoffe ich konnte helfen

  10. #10
    Franko ist offline Grünschnabel
    registriert
    07-01-2011
    Beiträge
    6

    AW: Linkfarben anpassen in jQuery

    Zitat Zitat von miniA4kuser Beitrag anzeigen

    Nichtsdestotrotz ist es glaube ich das hier wonach du suchst:
    Code:
    document.getElementById(thumbnailElementName).getElementsByTagName("li")[0].getElementsByTagName("a")[0].style.color = "rgb(255, 255, 255)";
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("img")[0],"borderColor","#","2b2b2e","116EB8",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ? 1 : 50);
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("a")[0],"color","#","666666","000",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ?  1 : 50);
    Habe den JS Code gekürzt, weiss nicht warum das doppelt war. Deine Fragen nach den Funktionsaufrufen und Veränderungen sind völlig berechtigt, kann dazu aber nichts sagen, da ich das Script von oben besagter Siete genommen habe - selbst keine Anhnung von JS Scipt habe (nur anpassen).

    Die von dir vermuteten Zeilen habe ich versucht anzupassen - ohne Erfolg, weil ich den Code nicht verstehe. Schön wäre es, wenn die Fareben einfach umgekehrt funktionieren. Also was jetzt weiss ist, wird schwarz. Scheint mir nicht schwer, ich scheitere dennoch.

  11. #11
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    2.896

    AW: Linkfarben anpassen in jQuery

    Und was hast du versucht?
    Ohne deinen Fehler zu erkennen kann man dir schlecht helfen!

    Code:
    Das müsste der Wert für die Farbe weiß sein (rot):
    document.getElementById(thumbnailElementName).getElementsByTagName("li")[0].getElementsByTagName("a")[0].style.color = "rgb(255, 255, 255)";
    
    Sas müsste der blaue Rahmen der kleinen Bildchen links sein (rot):
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("img")[0],"borderColor","#","2b2b2e","116EB8",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ? 1 : 50);
    
    Das müsste der Wert für die dunkle Farbe sein (rot):
    styleShift(document.getElementById(thumbnailElementName).getElementsByTagName("li")[image].getElementsByTagName("a")[0],"color","#","666666","000",immediateSwitch == "now" ? 1 : 6,0,immediateSwitch == "now" ?  1 : 50);
    Hoffe ich konnte helfen

  12. #12
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    16.515

    AW: Linkfarben anpassen in jQuery

    Wieso machst du das eigentlich mit JS und nicht mit CSS?

  13. #13
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    2.896

    AW: Linkfarben anpassen in jQuery

    Zitat Zitat von kkapsner Beitrag anzeigen
    Wieso machst du das eigentlich mit JS und nicht mit CSS?
    Er hatte es ja mit CSS probiert, ist aber gescheitert, weil er wohl irgendwo ein Script her hat, was er nicht versteht und dieses eben die Farben setzt, welches er nun versucht so anzupassen, dass das "erworbene" Script die Farben so darstell, wie er es gerne hätte.

    Wie gesagt ich habs nur mal schnell überflogen und denke es wird dort so gesetzt.

    -Scheiße was ein Satz ...... viel zu viele Kommas-
    Hoffe ich konnte helfen

  14. #14
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Linkfarben anpassen in jQuery

    Probiere mal dies:
    PHP-Code:
    .active_thumbnail{border:1px solid #D2D2D2 !important;color:#6F92BE !important;}
    .active_thumbnailh4{color:#6F92BE !important;} 

  15. #15
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    16.515

    AW: Linkfarben anpassen in jQuery

    @dkdenz: wird nicht funktionieren, da die mit JS zugewiesenen Werte alle anderen überschreiben - auch !important.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. jQuery.NOCONFLICT jquery|prototype
    Von Rotstift im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 03-11-2010, 20:45
  2. Probleme bei JQuery in JQuery
    Von Incognito_02 im Forum JavaScript
    Antworten: 22
    Letzter Beitrag: 16-08-2010, 13:01
  3. jQuery Cycle + jQuery lightBox
    Von dkdenz im Forum Links & Tutorials mit Tipps & Tricks zu JavaScript, CSS, PHP, MySQL
    Antworten: 0
    Letzter Beitrag: 17-04-2010, 19:26
  4. Bildergalerie anpassen
    Von TomTom5 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 16-08-2007, 09:09

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •