Forum

JQuery - Funktion gesucht

Erstellt von Samuelll, 24.12.2009.



  1. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    Hallo,

    habe bisher bei den JQuery-Funktionen die ich bisher so finden konnte immer nur Bilderanzeigen gesehen, wo nur ein bild gleichzeitig zu sehen war.

    Ich möchte erreichen, dass eine Reihe von Bildern die in einem Ordner hinterlegt sind "aus dem oberen Rand" eines Div Containers heraus kommt ... den Container durchläuft .... und am Endes des Divs wieder "in den Endbereich" hineinläuft.

    Habt ihr einen Tip für ein Plugin oder wie eine bestehende Fkt. angepasst werden muss ?

    Bin ganz neu in diesem Bereich und habe bisher noch keine Ahnung von JavaScript.

    Danke füreure Hilfe !
     
    Zuletzt bearbeitet: 24.12.2009
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    reicht es dennn nicht, die Bilder in einen gemeinsamen container zusammen zu fassen, und den dann entsprechend zu animieren?
     
    #2      
  3. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Die Bilder ändern sich öfters .. darum soll die Anzeige abhängig vom Ordnerinhalt angezeigt werden.
    Und die Animation währe das Durchlaufen des Div-Containers, dass ich so in der Form auch noch bei keinem Standard JQuery gefunden habe.
     
    #3      
  4. Tim

    Tim Hutträger

    Dabei seit:
    27.08.2005
    Beiträge:
    2.884
    Geschlecht:
    männlich
    Ort:
    Fellbach
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Es geht dir also nicht um die Animation, sondern das dynamische Auslesen des Ordnerinhalts.

    Dafür solltest du dich mit PHP auseinandersetzen. PHP bietet die gewünschten Funktionen, jQuery übernimmt dann nur noch deine Animation.

    Die Funktionen opendir, readdir und closedir sollten dir bei deinem Vorhaben helfen.
     
    #4      
  5. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Sorry, ich glaube da ist ein Missverständnis im Zusammenhang mit dem Post von SOKIE entstanden.

    Es geht mir bei JQuery einzig darum ein Bild in an den Grenzen eines div in die Box hinein bzw.hinaus laufen zu lassen, das Bild dann durch die Box durchlaufen zu lassen (von oben nach unten).
    Es soll also eine Endlosschlange von Bildern durch die Div-Box laufen. Parallel wären entsprechend immer zb 4 Bilder zusehen, die hinein, hinaus oder hindurch laufen.

    Alle Beispiele die ich bisher mit JQuery gesehen haben, haben aber zur selben Zeit immer nur EIN Bild angezeigt. Bei mir wären es aber zb 4 gleichzeitig auf die dieser Effekt angewendet wird.
    Praktisch ein vertikaler Slider !
     
    #5      
  6. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Stichwort: jQuery - jcarusell.
    Wenn du was anderes meinst - melden.
     
    #6      
  7. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Danke. Das Stichwort war schonmal nicht schlecht.

    Ideal wäre es nun noch, wenn die Bilder nicht als Gruppen durchlaufen, sondern alle, automatisch in gleichmäßiger Geschwindigkeit als Endlosband.
     
    #7      
  8. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    #8      
  9. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Ich hasse diese Aussage !!!
    Aber du hast natürlich recht :)

    Hatte nur die Beispiele überflogen und dort lediglich einen Bilderwechsel von 3 Bildern auf einmal gefunden. Dies entsprach allerdings nicht meinem Suchziel.

    Bei meiner Suche würde bei 3 Bildern eines gerade ins Div hinein laufen, eines hinaus laufen und eines dazwischen hindurch laufen.
    Aber, wenn du also sagst, dass müsste damit machbar sein, werd ich mir gern mal die Doku ausführlich anschauen :)

    Danke dir also für den Link.
     
    #9      
  10. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Sooo .. nun hab ich es soweit, dass nur noch die Animation nicht passt.

    Edit :
    Animation is nun auf ca 3 Sekunden. Damit wird das Bild langsam hinein gefahren.
    Danach Stoppt die Animation allerdings kurz.
    Hat noch jemand einen Tip wie ich den Stop noch heraus bekomme ?

    Versuche einen kontinuierlichen Bildfluss zu erreichen.

    Hat jemand eine Idee wie ich das noch hingebogen bekomme ?

    danke abermals im Voraus :)
     
    Zuletzt bearbeitet: 27.12.2009
    #10      
  11. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Quellcode (insbesonder jQuery)?
     
    #11      
  12. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Habe bisher nur das Beispiel "Sepzial Circular" genommen und es um wenige Parrameter ergänzt :

    Code (Text):
    1.  
    2. cript type="text/javascript">
    3.  
    4. var mycarousel_itemList = [
    5.     {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'},
    6.     {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'},
    7.     {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'},
    8.     {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'},
    9.     {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'},
    10.     {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'},
    11.     {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'},
    12.     {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'},
    13.     {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'},
    14.     {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'}
    15. ];
    16.  
    17. function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
    18. {
    19.     // The index() method calculates the index from a
    20.     // given index who is out of the actual item range.
    21.     var idx = carousel.index(i, mycarousel_itemList.length);
    22.     carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
    23. };
    24.  
    25. function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
    26. {
    27.     carousel.remove(i);
    28. };
    29.  
    30. /**
    31.  * Item html creation helper.
    32.  */
    33. function mycarousel_getItemHTML(item)
    34. {
    35.     return '<img src="' + item.url + '" width="75" height="75" alt="' + item.title + '" />';
    36. };
    37.  
    38. jQuery(document).ready(function() {
    39.     jQuery('#mycarousel').jcarousel({
    40.         wrap: 'circular',
    41.         itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
    42.         itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
    43.         vertical: true,
    44.         scroll: 1,
    45.         auto : 1,
    46.         animation : 3000.0
    47.     });
    48. });
    49.  
    50. </script>
    51.  
     
    #12      
  13. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    #13      
  14. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Danke dir soweit.

    Werd mich mal weiter schlau machen .. und auch mal schauen wie ich die Laufrichtung des automatischen Bildlaufs umkehren kann.

    .0 is ne Angewohnheit von CSS

    Danke bis zur nächsten Frage :)
     
    #14      
  15. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Auch in CSS macht .0 keinen Sinn ;)
     
    #15      
  16. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Nicht ?
    Also Border 0.1em ist definitiv was anderes als Border 0 oder Border 1.0
    Somit macht 0.1 bestimmt einen Sinn ;-)

    So hab ich eine saubere Schreibweise. Immer mit Nachkommestelle.
    Ich find das macht Sinn.
     
    Zuletzt bearbeitet: 27.12.2009
    #16      
  17. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Wenn dann:
    Code (Text):
    1.  
    2. .class {
    3.  border: 1em solid #000000; /* 1.0 ist somit unnötig */
    4. }
    5.  
    6. /* oder */
    7. .class-a {
    8.  border: .01em solid #000000; /* die 0 vor Punkt - auch unnötig */
    9. }
    10.  
     
    #17      
  18. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Ich halte die 0 dabei für sauerer. Aber wir müssen ja hier nicht einer Meinung sein. Machen wir es halb beide weiterhin anders.

    Ist hier an dieser Stelle eh Offtopic.

    Danke für die Vervollständigung des CSS-Codes. Das so ausführlich zu schreiben, war für mich an dieser Stelle wiederum unnötig.
    Aber, wie ich an deinem Code sehe, wusstest du ja was ich meinte ;-)

    Auch wenn wir uns bzgl. CSS uneinig sind, abermals danke für Deine Hilfe mit JQuery.
     
    Zuletzt bearbeitet: 27.12.2009
    #18      
  19. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Bei CSS ist es im Grunde egal ob mit oder ohne 0 bei Dezimal. Allerdings kann dies bei JavaScript und jQuery schon anderst aussehen. Da du eine Art Counter mit den 3000 startest, könnte z.b. die .0 oder .4 schon ein Problemchen darstellen. In welcher Art und Weise - keine Ahnung - aber manchmal sind es eben gerade solch kleinen Dinge.

    Und ob ich einen Code ausführlich oder nicht ausführlich schreibe in einem Tut-Forum ist eben nicht egal, weil andere mitlesen und für diese es dann eben einfacher zu verstehen ist ;)
     
    #19      
  20. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    JQuery - Funktion gesucht
    AW: JQuery - Funktion gesucht

    Für JavaScript/JQuery werd ich es mir merken und die Nachkommastelle entfernen. Danke abermals für den Tip.
     
    Zuletzt bearbeitet: 27.12.2009
    #20      
Die Seite wird geladen...
© 2002 - 2016 PSD-Tutorials.de – ein Projekt mit der 4eck Media GmbH & Co. KG
x
×
×