mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 09:07 Benutzername: Passwort: Auto-Login

Thema: webseite blinkt vom 02.10.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> webseite blinkt
Autor Nachricht
Wienerr
Threadersteller

Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht: Männlich
Verfasst Di 02.10.2012 20:22
Titel

webseite blinkt

Antworten mit Zitat Zum Seitenanfang

hallo,

ich habe ein problem mit meiner webseite. es geht darum dass bei wechseln durch navigation von seite1 auf seite2 kurzes blinken erzeug wird. man kann sehen wie die ganze seite neugeladen wird einschließlich dem background image. nach langer reserche durch google habe ich folgende potenzielle ursachen gefunden. die eine mögliche ursache könnte sein dass die js.-verlinkung im<head> vor dem css. steht und die zweite ursache könnte es sein dass die dateien zu groß sind, beide varianten sind aber bei mir ausgeschlossen. meine html und css-datei sind um die 3KB groß.

woran könnte es denn sonst liegen?
  View user's profile Private Nachricht senden
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Di 02.10.2012 20:41
Titel

Antworten mit Zitat Zum Seitenanfang

Poste mal deinen Code, sonst kann man Dir schlecht helfen Glaskugel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Wienerr
Threadersteller

Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht: Männlich
Verfasst Di 02.10.2012 20:56
Titel

Antworten mit Zitat Zum Seitenanfang

hallo, hier ist es:






Code:

<head>
<title>blubblub</title>
<meta http-equiv="Content Type" content="text/html;charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="javascript.js"></script>


<script type="text/javascript">


function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
   
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

</script>





</head>



<body>


   
 
<div id="content">
       
   <div id="slideshow">
        <img src="bild1.jpg" class="active"/>
        <img src="bild2.jpg"/>
        <img src="bild3.jpg"/>
             <img src="bild4.jpg"/>
    </div>


   
   
   
   <div id="kataloge">
      <h1>KATALOGE</h1>
      <p>KATALOG1<a href="#">LANZET</a><a href="#" target="_blank">blub</a></p>
      <p>KATALOG2<a href="" target="_blank">blob</a></p>
      <p>KATALOG3<a href="#" target="_blank">blab</a></p>
      </div> 
   
</div>      
      
      
   <div id="adresse">
           
         <h1>Daniel &amp; Lubowski GbR</h1><h2>Siegelsbacher.Str.9</h2><h2>74906 Bad Rappenau</h2>
   
        <div id="telefon">
   
            <h3>Telefon:12345</h3><h3>Telefax: 123456</h3>
   
        </div>

     
   </div>

<div id="footer">
 
       <li><a href="#">Anfahrt</a></li>
       <li><a href="#">Impressum</a></li>
</div>
 
 
 
</body>







</html>


Zuletzt bearbeitet von Nimroy am Di 02.10.2012 21:39, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Flash Animation blinkt in ff weiß auf
3D Webseite
Webseite mit CSS
Webseite für Aktfotografen
Webseite mit Photoshop
Bilderwechsel auf Webseite
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.