Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

[dastel]

Hallo flip-flop,
natürlich hast du recht wenn du sagst das man immer wissen sollte wovon man redet, aber ich packe manchmal Sachen einfach an und probiere dann damit rum bis ich es hin bekommen oder eben nicht. Ich bin nicht lange im Thema drin und habe mir aber gedacht das ich hier möglicherweise Hilfe bekomme, wenn ich mit meinen unwissenden Fragen irgend jemanden belästigt habe, dann entschuldige ich mich ganz herzlich dafür.

Jetzt aber noch mal zurück zum Problem, auch mit dem einbinden der Lib 1.4 geht's trotzdem nicht:

Code: Select all

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

oder geht es nicht um diesen Eintrag?

[flip-flop]

Das klappt schon nur nicht immer, google zeigt wohl Ausfälle bzw. dein Server mag das nicht.
Dann binde einfach die lokale Lib V1.4 auf deinem Account über das Template ein -> [_] Google Ajax Lib benutzen.

[dastel]

Danke, werde das gleich mal probieren!

[marcus@localhorst]

mmh, ich frag mich warum das bei mir funktioniert?!

Knut hat aber recht, das Tutorial/script ist in Internetzeit gerechnet irgendwo in der Renaissance anzusiedeln. Also 1 Jahr alt.
Inzwischen gabs Fortschritte und Updates und wie gesagt - ich würde es jetzt auch etwas anders machen.
Ich wollte ursprünglich mit dem Tutorial auch nur die Möglichkeiten illustrieren, sowas in phpwcms einzubinden.
Es sollte keine Out-of-the-Box Lösung sein, wie z.B. der mittlerweile integrierte LofSlider, der so ähnlich funktioniert.
Weiterhin ist es quatsch für so einen simplen Effekt die JqueryUI Bibliothek zu laden.
Das ich den console.log() Aufruf im Skript vergessen habe zu entfernen ist blöd weil man im schlechtesten Falle nicht weiss, warum das Skript nicht läuft. Aber Firebug hat doch eigentlich jeder Webentwickler an oder?

Ok, also nochmal prüfen:
console.log() aus dem featured_slider.js raus.
Wenn jQ 1.4 geladen wird dann hier den link zur richtigen jQ UI raussuchen
http://code.google.com/apis/libraries/d ... l#jqueryUI
https://ajax.googleapis.com/ajax/libs/j ... -ui.min.js

Ladereihenfolge ist
jQuery 1.4
jQueryUI 1.8
frontend_slider.js

blublub offensichtlich funktioniert es jetzt auf deiner seite

jetzt muss nur doch das CSS und evt die dimensionen der Bilder angepasst werden...


Hiernochmal das featured slider script ohne log()

Code: Select all

    jQuery(document).ready(function() {

    var featured = $("#featured");
    var panels = $("#featured .ui-tabs-panel");
    featured.find('.hide').css('display','none'); //just make sure they are hidden ;-)
       // build the featured slider list
       var list = '<ul class="ui-tabs-nav">';
       panels.each(function(e){
          var imghide = $(this).find('.hide');   
          var imgsrc  = imghide.attr('src');      
          var imgw    = imghide.attr('width');      
          var imgh    = imghide.attr('height');   
          var text    = $(this).find('h2').text();      
          var id      = $(this).attr('id');   
          list += '<li class="ui-tabs-nav-item"><a href="#'+id+'"><img src="'+imgsrc+'" style="width:'+imgw+'px;height:'+imgh+'px" alt="" /><span>'+text+'</span></a></li>';
       });
       list += '</ul>';
        featured.prepend(list);
       featured.find('.hide').remove();
       
       featured.tabs({
          fx:{opacity: "toggle"}}
          ).tabs("rotate", 9000, true);
       
    });

edit: Codeupdate: entfernen der versteckten thumbs aus dem DOM via featured.find('.hide').remove();

[dastel]

Super, vielen dank ihr beiden...

[kukki]

nachdem die Truppe Procomposite sich getrennt hat, musste ich deren angefangene Seite nach langem Warten nun doch neu machen.
Ich habe die aktuellste Version 1.5.4.2 (2012/07/02, r496) Anfang Juli aufgespielt. Nachdem ich die featured.html ca. Zeile 30 konform gemacht habe

Code: Select all

<style type='text/css'>
/* 
-- Featured - contentslider  @author marcus@localhorst
-- based on an idea found here: 
-- http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
*/

slidert der Teaserteil wie gewollt, aber die Links funktionieren dabei gar nicht. Wohlbemerkt, ich habe nichts weiter verändert! (liegt es daran??)

Auf der Webseite FranX kann man den Test sehen. Dabei ist in der Brwoserstatuszeile ein Link mit "#fragment-9/10/1 angezeigt, wenn man mit der Mause die Link streift. Bei Klick drauf passiert im FF, CH, SF und OP gar nichts. Müssten da nicht die Aliasnamen aufgerufen werden: Aktuelles-1(2,3,).html ....

Es scheint hier eine Veränderung gegeben zu haben, die diese Links nach NIRWANA gehen läßt. Wer hilft mir da bitte weiter

[juergen]

jquery 1.7 .... Bist du sicher dass das gut ist ?

[kukki]

Sollte da keine Abwätskompatibilät herschen? Ich weiß es nicht, sag Du es mir bitte.

[juergen]

Ich habe nicht deine Maus mit der man es ausklicken könnte

[kukki]

Egal welche Version man in der Vorlage als jQuery einstellt, es bleibt die Reaktion NullKommaNix beim Klick, die Linkanzeigen in der Statuszeile ändern sich nicht.

@DF6IH : Du kannst Dich gerne lustig machen über mich - wenn Du mir zeigst, was ich wirklich übersehen bzw. falsch gemacht habe, aber nur Sprüche klopfen berechtigt noch nicht dazu

[flip-flop]

Wenn ich das richtig sehe funktioniert der Link nun.

Mit "read more" wird der richige Link angezeigt und auch ausgeführt.

Knut

[kukki]

Ja, danke der Nachfrage- jetzt funktioniert es , ich habe gestern Nacht die Version vom Anfang Juli noch einmal drübergebügelt und die HTML und JS-files neu erstellt und konform gemacht, seitdem funktioniert es, wie in der Demo. Ich weiss leider immer noch nicht woran das gelegen haben soll: Downloadfehler der Scripte oder FTP-Fehler bei der phpPWCMS-Version.

[flip-flop]

Da reicht schon ein kleiner Fehler im JS, z.b. ein fehlendes Leerzeichen oder ein verwechseltes Komma.

Knut