Thema geschlossen
Seite 1 von 4 1 2 3 4 LetzteLetzte
Ergebnis 1 bis 10 von 38

Thema: Slideshow

  1. #1
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Slideshow

    Hey,
    habe bei meiner Slideshow etwas rumgebastelt, da ich mehrere Bilder noch reinbringen wollte.
    Hat auch super geklappt, nur jetzt kommt immer das nächste Bild wenn ich auf den vor und zurück Button klicke, also kann ich nicht schnell auf ein Bild zurückklicken, sondern muss erst die ganze Reihe durchgehen, hier einmal der Code ... danke für die Hilfe!

    <div class="images"><!-- first slide -->
    <div><img class="img-slider" src="images/stories/slider_img_1.png" border="0" /> <span class="slider-text-indent">
    <h3 class="slider-titile">We Think.</h3>
    <span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
    <!-- second slide -->
    <div><img class="img-slider" src="images/stories/slider_img_2.png" border="0" /> <span class="slider-text-indent">
    <h3 class="slider-titile">Lorem ipsum.</h3>
    <span class="slider-text">Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere. Quisque nulla. Vestibulum libero nisl, porta vel, eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. </span> </span></div>
    <!-- third slide -->
    <div><img class="img-slider" src="images/stories/slider_img_3.png" border="0" /> <span class="slider-text-indent">
    <h3 class="slider-titile">consec tetuer.</h3>
    <span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
    <!-- 4th slide -->
    <div><img class="img-slider" src="images/stories/slider_img_4.png" border="0" /> <span class="slider-text-indent">
    <h3 class="slider-titile">4444444444444444.</h3>
    <span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
    <!-- 5th slide -->
    <div><img class="img-slider" src="images/stories/slider_img_5.png" border="0" /> <span class="slider-text-indent">
    <h3 class="slider-titile">55555555555555555.</h3>
    <span class="slider-text">Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</span> </span></div>
    </div>
    <p><a class="backward">prev</a> <a class="forward">next</a></p>
    <!-- the tabs -->
    <div class="tabs"><a></a> <a></a> <a></a> <a></a> <a></a></div>

  2. #2
    War schon öfter hier Avatar von wd0815
    Registriert seit
    09.02.2005
    Ort
    Der wilde Süden
    Beiträge
    186
    Bedankte sich
    8
    Erhielt 11 Danksagungen
    in 10 Beiträgen

    Standard

    sorry, aber das ist mitnichten der (php) code für die slideshow, sondern der quelltext der darstellung. damit kann dir hier niemand helfen. schade um die zeit.

  3. #3
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Was braucht ihr denn?

  4. #4
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hier einmal der Link zum Template:
    http://osc.template-help.com/joomla_27919/

    Ich habe schon im CSS Bereich rumgesucht, aber nichts gefunden. Ist es vielleicht möglich das in den Überschriften von den Texten neben den Bildern immer nur Kleinbuchstaben verwendet werden, und wenn das nicht geht, halt im kompletten Textfenster?


    PS: Welchen Code braucht ihr denn um zusehen, warum ich nicht mit dem Pfeil links das letzte Bild aufrufen kann, sondern einmal die ganze Slideshow abgehen muss.

  5. #5
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von wd0815 Beitrag anzeigen
    sorry, aber das ist mitnichten der (php) code für die slideshow, sondern der quelltext der darstellung. damit kann dir hier niemand helfen. schade um die zeit.
    So, das hier müsste doch der CSS Code von der Slideshow sein.

    /* container for slides */
    .images {
    position:relative;
    height:300px;

    width:650px;
    float:left;
    margin:15px;
    cursor:pointer;


    }

    /* single slide */
    .images div {
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin:5px 0 0 13px;
    _margin:5px 0 0 -2px;
    padding:0 0 0 0;
    height:344px;
    font-size:12px;
    color:#FFF;
    }

    /* header */
    .images h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
    }

    /* tabs (those little circles below slides) */
    .tabs {
    clear:both;
    display:none;
    }

    /* single tab */
    .tabs a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../images/navigato.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
    }

    /* mouseover state */
    .tabs a:hover {
    background-position:0 -8px;
    }

    /* active state (current page state) */
    .tabs a.current {
    background-position:0 -16px;
    }


    /* prev and next buttons */
    .forward, .backward {
    float:left;
    margin-top:291px;
    margin-left:0px;
    background:url(../images/slider_button_right.gif) no-repeat;
    display:block;
    width:42px;
    height:46px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
    }

    .backward {
    float:left;
    margin-top:291px;
    margin-left:199px;
    background:url(../images/slider_button_left.gif) no-repeat;
    display:block;
    width:44px;
    height:46px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
    }




    /* disabled navigational button. is not needed when tabs are configured with rotate: true */
    .disabled {
    visibility:hidden !important;
    }

    .slider-text-indent{ margin:56px 0 0 547px; width:383px; display:block;}
    .slider-text-indent .slider-titile{ color:#ffffff; font-size:60px; line-height:20px; font-weight:normal; text-transform:capitalize;}
    .slider-text-indent .slider-titile1{ position:absolute; margin:-15px 0 0 0; line-height:20px;}



    .slider-text{ padding:11px 0 0 4px !important; color:#ffffff; font-size:11px; line-height:26px; font-weight:bold; text-transform:uppercase; display:block;}
    .img-slider{ position:absolute; width:511px; height:344px;}

  6. #6
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ich komme irgendwie garnicht mehr mit der Slideshow zurecht.
    Ich möchte nun die Größen usw. der Schriften verändern, bei der Überschrift sollen dann zum Beispiel nur klein Buchstaben etc.

    Helft mir bitte mal.

  7. #7
    Verbringt hier viel Zeit
    Registriert seit
    29.11.2005
    Ort
    Berlin
    Beiträge
    962
    Bedankte sich
    8
    Erhielt 200 Danksagungen
    in 196 Beiträgen

    Standard

    So wird das sicher nichts, du musst schon angeben, mit was du die Slideshow realisieren willst, mit einem Plugin nehme ich mal an. Um das mehr Funktionalität reinzubringen braucht es schon etwas mehr als nur den Artikel und das CSS zu ändern. Am besten suchst du dann eine Slideshow-Erweiterung, die besser passt.
    Mein "Kunde" möchte mit Joomla zum Mond fliegen.

    Bin Anfänger... geht das irgendwie?

  8. #8
    Verbringt hier viel Zeit
    Registriert seit
    29.11.2005
    Ort
    Berlin
    Beiträge
    962
    Bedankte sich
    8
    Erhielt 200 Danksagungen
    in 196 Beiträgen

    Standard

    So wird das sicher nichts, du musst schon angeben, mit was du die Slideshow realisieren willst.

    Um mehr Funktionalität reinzubringen braucht es schon etwas mehr als eine Änderung des CSS.
    Mein "Kunde" möchte mit Joomla zum Mond fliegen.

    Bin Anfänger... geht das irgendwie?

  9. #9
    War schon öfter hier
    Registriert seit
    04.04.2010
    Beiträge
    174
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Die Slideshow ist so, das sie im Modul Manager gesteuert wird.
    Die Schrift habe ich jetzt erstmal hinbekommen, aber der zurück Button klappt warum auch immer nicht, nur der vorwärts.

  10. #10
    Kommt häufiger vorbei
    Registriert seit
    08.04.2010
    Beiträge
    364
    Bedankte sich
    14
    Erhielt 70 Danksagungen
    in 54 Beiträgen

    Standard

    Da irgendwo muss eine Javascript Datei sein suchen

Thema geschlossen
Seite 1 von 4 1 2 3 4 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein