ilch Forum » Allgemein » HTML, PHP, SQL,... » image slider

Geschlossen
  1. Sa. 22.01.2011 17:20 Uhr #1
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Hallo, ich habe ein design entworfen und möchte das nun coden.

    Ich habe einen image slider oder wie man es auch nennen will designd und jetzt würde ich ihn gerne mit java anpassen.

    IMG: img.gfx-sector.de/img/1295713079_slider.jpg

    das ist der Teil worum es geht, wenn ich auf den oberen oder unteren Pfeil klicke sollen die bilder noch oben bzw nach unten verschoben werden.

    Hat da jemand ein passendes Script? Ich habe gegooglet aber ich weiß nicht wonach weil kp wie man sowas genau nennt.

    wäre sehr dankbar wenn mir jemand weiter helfen könnte.

    mfg lächeln
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 22.01.2011 17:36 Uhr #2
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    schau dir das mal an

    sorgalla.com/projects/jcarousel/examples/static_vertical.html
    Micro Blogging for Designer||Artworks||kostenlose Dropbox
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 22.01.2011 18:34 Uhr #3
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    viel englisch und keine Ahnung was zu tun ist lachen also so wie ich das verstanden hab brauch ich zuerst den jquery standard code. sehe ich das richtig?
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  4. Sa. 22.01.2011 18:35 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Ja, da es auf JQUERY aufgebaut ist! Schau Dir von diesem Beispiel mal den Quelltext an, ist eigentlich nicht schwer.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 22.01.2011 18:39 Uhr #5
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ja wayne hab einfach dumm dreist los gebastellt und direkt geschafft lachen danke für eure hilfe. und: Die Seite ist geil da gibt es ja wirklich ALLES was das herz begehrt.
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 22.01.2011 19:12 Uhr #6
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Kann es sein das sich jquary nicht so gut mit div containern verträgt? ich hab ne navi und die greif auf immer den selben container zu. jenachdem welchen Menüpunkt ich wähle zeigt es was anderes an: so die thorie. in der praxis funtzt das zwar auch aber er zeigt nur 2 1/2 bilder an anstatt der 10 bilder die er eigentlich soll. außerhalb der navi funtzt alles perfekt.

    weiß jemand einen rat?
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 22.01.2011 19:13 Uhr #7
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Normalerweise nicht. Vielleicht hast du ne id doppelt vergeben...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 22.01.2011 19:18 Uhr #8
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    nein bin ich mir ziehmlich sicher. ich überprüf das gleich nochmal.

    es ist alles inordnung wenn ich 

    display: inline;


    verwende, aber bei 

    display: none;


    zeigt er nur 2 1/2 an. alleine nur 2 1/2. nicht 2 nicht 3 sondern so komisch. das ist total merwürdig.


    Zuletzt modifiziert von Chester am 22.01.2011 - 19:18:52
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  9. Sa. 22.01.2011 19:21 Uhr #9
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Hmmm Display None heißt ja das es nicht angezeigt wird. Geh ich recht in der Annahme, das bei mouseover das ganze auf Display: Block oder Inline geändert wird?
    Ich kann mir nicht erklären warum das so ist im moment
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Sa. 22.01.2011 19:23 Uhr #10
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ja ich habs nun bei onClick, aber effekt ist der gleiche es wird dann auf inline gesetzt sodass der inhalt angezeigt wird.
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  11. Sa. 22.01.2011 19:29 Uhr #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Am besten postest du mal den Link zur Seite, sonst wird das nix mit Fehlersuche ...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Sa. 22.01.2011 19:39 Uhr #12
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    rmb-gaming.de/portfolio/

    da ist sie lächeln

    klick auf portfolio und dann in der zweiten navi auf screendesigns


    Zuletzt modifiziert von Chester am 22.01.2011 - 19:40:08
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  13. Sa. 22.01.2011 19:42 Uhr #13
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Ich schau es mir morgen mal genau an. Bin jetzt nicht mehr am laptop

    edit*
    ich glaub du musst in der style.css des sliders noch eine höhe anpassen. versuch das einfach mal...


    Zuletzt modifiziert von Chapter am 22.01.2011 - 20:49:29
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Sa. 22.01.2011 22:14 Uhr #14
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Problem:
    Dem ul, des Sliders wird height 200 zugewiesen. Es werden also nur die ersten 200 Pixel angezeigt.
    Soweit ich die jcarousel.js überblicke, wird in etwa bei Zeile 163-170 (nicht die min-Version) dieser Wert errechnet und zugewiesen.

    Meine Vermutung:
    Du hast viele div's, die du je nach Bedarf mit Javascript ein und ausblendest. Am Anfang ist das div mit dem slider nicht eingeblendet. Da der Slider beim laden der Seite sofort aufgerufen wird, errechnet er die Größe des ul's möglicherweise falsch.
    Wird das div mit dem Slider nun eingeblendet, hat es die falschen CSS-Werte.

    Bestätigt wird meine Vermutung dadurch, dass der Slider richtig angezeigt wird, wenn ich mit Firebug anfange 
    <script type="text/javascript"> 
 
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        scroll: 2
    });
});
 
</script>

    zu bearbeiten. Denn dadurch wird jcarousel erneut aufgerufen und bekommt möglicherweise die richtigen Werte (div mit Slider ist eingeblendet).

    Lösung:
    Da ich das Plugin nicht entwickelt habe und nicht genau weiß, was es macht (die Benennungen der Variablen sind nicht gerade eindeutig), kann ich dir auch nicht sagen, wie du das Problem am einfachsten Löst.
    Entweder du sorgst dafür, dass beim Einblenden des div's jcarousel neu aufgerufen wird
    oder
    du versuchst nach dem Einblenden dem ul einen höheren Wert für height zuzuweisen (mit Javascript). Dann könnte es meiner Ansicht nach funktionieren.


    Am besten ist wohl, wenn du das einfach Mal ausprobierst. zwinker
    .
    0 Mitglieder finden den Beitrag gut.
  15. Sa. 22.01.2011 22:39 Uhr #15
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ich bin leider nicht so der profi deshalb wäre es sehr nett wenn du das näher erklären könntest. ich habe grad mal ahnung von hmtl und css. bin froh das ich das ding überhaupt eingebunden bekommen hab lachen

    Aber ich bastell mir morgen selbst ne Lösung zurecht, sollte das nicht klappen kannst du ja wenn du Zeit hast hierrauf antworten.
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
  16. So. 23.01.2011 12:54 Uhr #16
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Gut, dachte, dass du ein bisschen mit Javascript zurecht kommst, da du das ja schon eingebaut hast.

    Versuch einfach folgendes:
    Lösche 
    <script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        scroll: 2
    });
});
</script>

    komplett aus deinem Code raus und füge stattdessen bei den Links innerhalb der li's im navi2 nach deinem eigenen Javascript-Code bei onClick folgendes ein: 
    jQuery('#mycarousel').jcarousel({vertical: true,scroll: 2});


    Der Link für Screendesigns würde dann so aussehen: 
    <a href="#" onclick="document.getElementById('getitone').style.display='inline'; document.getElementById('getittwo').style.display='none'; document.getElementById('getitthree').style.display='none'; jQuery('#mycarousel').jcarousel({vertical: true,scroll: 2});">SCREENDESIGNS</a>


    Das Ziel von jQuery ist zwar die Event-Handler wie onClick nicht mehr zu nutzen, aber so sollte es auch funktionieren.
    .
    0 Mitglieder finden den Beitrag gut.
  17. So. 23.01.2011 22:45 Uhr #17
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Mach da mal

    ZitatZitat
    jQuery(document).ready(function() {
    4 jQuery('#mycarousel').jcarousel({
    5 vertical: true,
    6 scroll: 2
    7 });
    8});


    beim

    scroll: eine 3 statt eine 2 hin. Also hab das nur mit Firebug probiert und keine Idee was das bewirkt, aber bei mir erscheinen dann alle.

    gruss
    0 Mitglieder finden den Beitrag gut.
  18. Mo. 24.01.2011 19:15 Uhr #18
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Beide varianten bezwecken nichts traurig

    @MaddinXx: das sorgt dafür das man schneller scrollen kann.
    LD on Deviantart
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten