Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

If you have created additional (non official) documentation or tutorials or something like that please post this here
dastel
Posts: 72
Joined: Wed 18. May 2005, 09:34

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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?
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
dastel
Posts: 72
Joined: Wed 18. May 2005, 09:34

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by dastel »

Danke, werde das gleich mal probieren!
User avatar
marcus@localhorst
Posts: 815
Joined: Fri 28. May 2004, 11:31
Location: localhorst
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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();
Last edited by marcus@localhorst on Wed 2. Feb 2011, 17:52, edited 1 time in total.
dastel
Posts: 72
Joined: Wed 18. May 2005, 09:34

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by dastel »

Super, vielen dank ihr beiden...
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Nachgehackt zu Content Slider mit jQuery

Post 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 :?:
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by juergen »

jquery 1.7 .... Bist du sicher dass das gut ist ?
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by kukki »

Sollte da keine Abwätskompatibilät herschen? Ich weiß es nicht, sag Du es mir bitte. :?
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by juergen »

Ich habe nicht deine Maus mit der man es ausklicken könnte :lol:
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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)
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post 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. :|
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: Content Slider mit jQuery ab phpwcms 1.4.4 rev 386

Post by flip-flop »

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

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Post Reply