mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 07:46 Benutzername: Passwort: Auto-Login

Thema: fullscreen image slider mit unterschiedlichen "typo"-divs vom 29.11.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> fullscreen image slider mit unterschiedlichen "typo"-divs
Autor Nachricht
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Di 29.11.2011 16:33
Titel

fullscreen image slider mit unterschiedlichen "typo&quo

 Antworten mit Zitat Zum Seitenanfang
hallo ihr

ich bin auf der suche nach einem fullscreen image slider den ich in eine website (nur html/css) integrieren kann
es wären 5 unterschiedliche bilder
ich möchte gerne das zu jedem bild ein satz erscheint, der aber wenn möglich immer an einem anderen platz erscheint

habt ihr da evtl eine idee wie ich das umsetzen könnte?

momentan benutze ich eine abwandlung von supersized aber dort erscheinen die sätze immer am gleichen ort

hoffe ihr könnt mir helfen, hab bisher leider noch nix passendes für mich gefunden =(
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 29.11.2011 17:00
Titel

Antworten mit Zitat Zum Seitenanfang
und die sätze kannst du nicht via css einfach woanders positionieren? das wage ich doch zu bezweifeln.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nanooquii
Threadersteller

Dabei seit: 03.01.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Di 29.11.2011 17:04
Titel

Antworten mit Zitat Zum Seitenanfang
nee in meinem code irgendwie nicht...

das steht oben im head
Code:

<script type="text/javascript">         
         jQuery(function($){            
            $.supersized({            
               // Functionality
               slide_interval          :   4000,         // Length between transitions
               transition              :   1,             // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
               transition_speed      :   800,         // Speed of transition                                                
               // Slides   
               slides                :     [         // Slideshow Images
                                          {image : 'images/03.jpg', title2:'Lorem Ipsum'},
                                          {image : 'images/04.jpg', title2:'Lorem Ipsum'}, 
                                          {image : 'images/05.jpg', title2:'Lorem Ipsum'},
                                          {image : 'images/06.jpg', title2:'Lorem Ipsum'},
                                          {image : 'images/07.jpg', title2:'Lorem Ipsum'}
                                    ]               
            });
          });         
</script>


und das im body

Code:
   <div id="controls-wrapper" class="load-item">      
         <div id="slidecaption-grande"></div>           
            <!--Arrow Navigation-->
         <a id="prevslide" class="load-item"></a>
         <a id="nextslide" class="load-item"></a>
           
         <!--Slide info-->
         <div id="slide-info">
                 <!--Slide captions displayed here-->
                 <div id="slidecaption"></div>
                 <div id="s_ind">
                <span class="slidenumber"></span>/<span class="totalslides"></span>          
                 </div>
            </div>
         
   </div>


also ich wüsste nicht wo ich da was verändern könnte
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 30.11.2011 10:14
Titel

Antworten mit Zitat Zum Seitenanfang
Leg ein position:relative auf den load-item und mit position:absolute auf die slidercaption-grande kannst du den Text dann beliebig platzieren.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Image slider
Suche Image Slider
Image Slider für Background Images
hilfe bei multiple image slider
Responsive Image Slider mit versch. Bildgrößen
ist dieser image slider open source?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB