Ergebnis 1 bis 2 von 2

Thema: Supersized Plugin lädt Bilder nicht

  1. #1
    HTML Newbie
    Registriert seit
    29.03.2014
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Supersized Plugin lädt Bilder nicht

    Guten Abend!
    Ich bau gerade die zukünftige Startseite für einen Kunden und habe mich auf dessen Wunsch mit dem Supersized-Plugin auseinander gesetzt (mit stark begrenzten Javascript-Kenntnissen). Leider wird dem User, wenn die Seite geöffnet wird, nur der schwarze Hintergrund und die sich drehende Ladeschnecke angezeigt. Bilder werden nicht geladen. (Die Thumbnails beispielsweise, die ich aber mittlerweile aus dem Code gestrichen habe, wurden fehlerfrei angezeigt; eine Anwahl war jedoch nicht möglich).
    Da ich das Script erstmal aus der Supersized-Demo übernommen habe, weiß ich jetzt nicht genau, von welchen Dateien ich hier den Inhalt zeigen muss, damit man mir helfen kann. Es sind ja doch so einige. Ich bitte da um Nachsicht, ich reiche die Inhalte schnellstmöglich nach, wenn man mir verrät, was ich denn posten soll.

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
        <!--
            Supersized - Fullscreen Slideshow jQuery Plugin
            Version : 3.2.7
            Site    : www.buildinternet.com/project/supersized
            
            Author    : Sam Dunn
            Company : One Mighty Roar (www.onemightyroar.com)
            License : MIT License / GPL License
        -->
    
        <head>
    
            <title>Supersized - Full Screen Background Slideshow jQuery Plugin</title>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
            
            <link rel="stylesheet" href="../cms/templates/project/offer/css/supersized.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="../cms/templates/project/offer/theme/supersized.shutter.css" type="text/css" media="screen" />
            
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
            <script type="text/javascript" src="../cms/templates/project/offer/js/jquery.easing.min.js"></script>
            
            <script type="text/javascript" src="../cms/templates/project/offer/js/supersized.3.2.7.min.js"></script>
            <script type="text/javascript" src="../cms/templates/project/offer/theme/supersized.shutter.min.js"></script>
            
            <script type="text/javascript">
                
                jQuery(function($){
                    
                    $.supersized({
                    
                        // Functionality
                        slideshow               :   1,            // Slideshow on/off
                        autoplay                :    1,            // Slideshow starts playing automatically
                        start_slide             :   1,            // Start slide (0 is random)
                        stop_loop                :    0,            // Pauses slideshow on last slide
                        random                    :     0,            // Randomize slide order (Ignores start slide)
                        slide_interval          :   3000,        // Length between transitions
                        transition              :   6,             // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                        transition_speed        :    1000,        // Speed of transition
                        new_window                :    1,            // Image links open in new window/tab
                        pause_hover             :   0,            // Pause slideshow on hover
                        keyboard_nav            :   1,            // Keyboard navigation on/off
                        performance                :    1,            // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                        image_protect            :    1,            // Disables image dragging and right click with Javascript
                                                                   
                        // Size & Position                           
                        min_width                :   0,            // Min width allowed (in pixels)
                        min_height                :   0,            // Min height allowed (in pixels)
                        vertical_center         :   1,            // Vertically center background
                        horizontal_center       :   1,            // Horizontally center background
                        fit_always                :    0,            // Image will never exceed browser width or height (Ignores min. dimensions)
                        fit_portrait             :   1,            // Portrait images will not exceed browser height
                        fit_landscape            :   0,            // Landscape images will not exceed browser width
                                                                   
                        // Components                            
                        slide_links                :    'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                        thumb_links                :    1,            // Individual thumb links for each slide
                        thumbnail_navigation    :   0,            // Thumbnail navigation
                        slides                     :      [            // Slideshow Images
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},  
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-2.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-3.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', title : 'Image Credit: Brooke Shaden', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-1.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', title : 'Image Credit: Brooke Shaden', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-2.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'},
                                                            {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', title : 'Image Credit: Brooke Shaden', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/shaden-3.jpg', url : 'http://www.nonsensesociety.com/2011/06/brooke-shaden/'}
                                                    ],
                                                    
                        // Theme Options               
                        progress_bar            :    1,            // Timer for each slide                            
                        mouse_scrub                :    0
                        
                    });
                });
                
            </script>
            
        </head>
        
        <style type="text/css">
            ul#demo-block{ margin:0 15px 15px 15px; }
                ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
                ul#demo-block li a{ color:#eee; font-weight:bold; }
        </style>
    
    <body>
    
    </body>
    </html>
    Vielen Dank schonmal.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Supersized Plugin lädt Bilder nicht

    Ne ne ne, du hast auch noch verschwiegen dass du ein CMS verwendest. Aber ich glaube das tut sich hier keiner an und sucht nun nach deinem Fehler.
    Lies die Doku zu dem Plugin und fang noch mal bei Null an, mit modernem Doctype.
    Bei jQuery verwendest du auch eine veraltete Version.

Ähnliche Themen

  1. PDF lädt nicht
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.11.2012, 14:44
  2. SWF-Datei lädt nicht
    Von Slobby89 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 20.04.2009, 16:29
  3. !!! HILFE !!! Icq 5.1 lädt nicht
    Von soller91 im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 17.12.2006, 14:10
  4. internetexplorer lädt bild nicht
    Von furby im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2005, 16:54
  5. Lädt Index.html nicht
    Von Chronix im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 10.05.2004, 16:06

Stichworte

Berechtigungen

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