Page 4 of 4

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Wed 2. Feb 2011, 17:02
by 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?

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Wed 2. Feb 2011, 17:12
by 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.

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Wed 2. Feb 2011, 17:16
by dastel
Danke, werde das gleich mal probieren!

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Wed 2. Feb 2011, 17:35
by 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();

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Wed 2. Feb 2011, 17:46
by dastel
Super, vielen dank ihr beiden...

Nachgehackt zu Content Slider mit jQuery

Posted: Fri 17. Aug 2012, 18:50
by 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 :?:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 04:39
by juergen
jquery 1.7 .... Bist du sicher dass das gut ist ?

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 09:28
by kukki
Sollte da keine Abwätskompatibilät herschen? Ich weiß es nicht, sag Du es mir bitte. :?

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 12:55
by juergen
Ich habe nicht deine Maus mit der man es ausklicken könnte :lol:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 13:14
by 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 8)

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 14:32
by flip-flop
Wenn ich das richtig sehe funktioniert der Link nun.

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

Knut

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 16:37
by kukki
Ja, danke der Nachfrage- jetzt funktioniert es :oops: , 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. :|

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Posted: Sat 18. Aug 2012, 20:25
by flip-flop
Da reicht schon ein kleiner Fehler im JS, z.b. ein fehlendes Leerzeichen oder ein verwechseltes Komma.

Knut