Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
JavaScript Animation stört CSS-Button-Regel
zurück: Textdatei andere Platte als die die sie Nutzt weiter: Probleme beim Veroeffentlichen mit Frontpage Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Lilliby
Gast


Verfasst am:
28. Apr 2012, 14:04
Rufname:

JavaScript Animation stört CSS-Button-Regel - JavaScript Animation stört CSS-Button-Regel

Nach oben
       

Hallo Zusammen,

ich habe eine Bildanimation mit JavaScript erstellt (funktioniert). Meine Buttons haben mit CSS eine Regel erhalten, dass ein hover und ein active-Effekt erzeugt wird, so dass der Benutzer sehen soll, auf welcher Seite er sich befindet.
Diese Regel funktioniert auf allen Seiten außer auf der Startseite, wo die Bildanimation eingebunden ist.

Kann mir jemand sagen, woran das liegt und wie ich Abhilfe schaffen kann?

Hier noch den Quellcode Script, welches auf der Startseite im HEADER eingefügt ist sowie die Bemerkung im Body etc:
Code:
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("Fotos-Diashow/buerogebaeude599-282.jpg"
,"Fotos-Diashow/EFH599-282.jpg"
,"Fotos-Diashow/stadtwerke599-282.jpg"
);
var howMany = Pix.length;
timeDelay *= 500;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
</script>

</HEAD>
<BODY id="startseite" OnLoad="startPix();">
<div id="center">
<img name="ChangingPix" src="Fotos-Diashow/buerogebaeude599-282.jpg">
</div>
TEXT
</BODY>

Die CSS-Regel in externem Stylesheet:
#navigation {
   font-family: Verdana, Arial, Helvetic, sans-serif;
   font-size: 80%;
   }
#navigation ul {
   liste-style: none;
   margin: 0;
   padding: 0;
   padding-top: 1em; /* border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding-bottom: 1em; */
   }
#navigation li {
   display: inline;
   }
#navigation a:link {
   background: #D8D8D8 url(Grafiken/off-bg.gif) repeat-x top left;
   color: black;
   font-weight: bold;
   text-decoration: none;
   margin-right: 0.2em;
   padding: 0.2em 2.6em 0.2em 2.6em;
   border-top: 2px solid #DCDCDC;
   border-left: 2px solid #DCDCDC;
   border-bottom: 2px solid #717171;
   border-right: 2px solid #717171;
   }

#navigation a:hover, #navigation a:focus, #navigation a:active
    #startseite #navi01 a,
   #leistung #navi02 a,
   #projekte #navi03 a,
   #kontakt #navi04 a,
   #impressum #navi05 a {
   background: #CCCCCC url(Grafiken/on-bg.gif) repeat-x top left;
   color: red;
   font-weight: bold;
   text-decoration: underline;
   margin-right: 0.2em;
   padding: 0.2em 2.6em 0.2em 2.6em;
   border-top: 2px solid #BAC1C4;
   border-left: 2px solid #BAC1C4;
   border-bottom: 2px solid #F2F3F5;
   border-right: 2px solid #EDEEF0;
   }
#navigation a:visited {
   background: #D8D8D8 url(Grafiken/off-bg.gif) repeat-x top left;
   color: #297699; /*mittelblau*/
   font-weight: bold;
   text-decoration: none;
   margin-right: 0.2em;
   padding: 0.2em 2.6em 0.2em 2.6em;
   border-top: 2px solid #DCDCDC;
   border-left: 2px solid #DCDCDC;
   border-bottom: 2px solid #717171;
   border-right: 2px solid #717171;
   }
Herzlichen Dank für Eure Hilfe!
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
29. Apr 2012, 10:04
Rufname:
Wohnort: Aachen


AW: JavaScript Animation stört CSS-Button-Regel - AW: JavaScript Animation stört CSS-Button-Regel

Nach oben
       

Hallo Lilliby,

in deinem HTML-Code vermisse ich die Navigation, auf die sich das Stylesheet bezieht. Soweit es das JavaScript angeht, kann ich keinen Anhaltspunkt finden, dass dieses in die Funktionalität des CSS eingreifen würde. Du könntest das JavaScript und die Diashow mal auskommentieren und schauen, ob sich der Fehler immer noch zeigt.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge MS Expression Web Forum: Expression Web 4 mit Javascript 1 McFrosty 1933 23. Aug 2012, 09:17
womaninweb Expression Web 4 mit Javascript
Keine neuen Beiträge PHP & JavaScript Forum: Javascript; Prüfen ob ein Inhalte in einer Selectbox steht 0 3dDi 1106 19. Jun 2012, 14:44
3dDi Javascript; Prüfen ob ein Inhalte in einer Selectbox steht
Keine neuen Beiträge PHP & JavaScript Forum: JAVASCRIPT MOUSEOVER - HILFE 2 noinoi 1202 27. Feb 2012, 11:16
Marsupilami72 JAVASCRIPT MOUSEOVER - HILFE
Keine neuen Beiträge PHP & JavaScript Forum: [JavaScript] While-Schleife macht nur einen Durchlauf 1 Azami 1090 04. Feb 2012, 20:29
waldwuffel [JavaScript] While-Schleife macht nur einen Durchlauf
Keine neuen Beiträge PHP & JavaScript Forum: PHP und Javascript mit MS SQL Server 2005 0 Keiko 1243 06. Jul 2011, 07:20
Keiko PHP und Javascript mit MS SQL Server 2005
Keine neuen Beiträge PHP & JavaScript Forum: Javascript in Iframe wird in IE nicht nicht angezeigt 1 elnico 1918 12. Jan 2011, 14:57
maninweb Javascript in Iframe wird in IE nicht nicht angezeigt
Keine neuen Beiträge MS Expression Web Forum: Expression Web 4 und JavaScript IntelliSense 0 Defcon0 1840 04. Dez 2010, 21:01
Defcon0 Expression Web 4 und JavaScript IntelliSense
Keine neuen Beiträge PHP & JavaScript Forum: Checkboxen mit JavaScript auswerten 5 wolfeye 13961 16. Nov 2009, 12:08
halo1 Checkboxen mit JavaScript auswerten
Keine neuen Beiträge PHP & JavaScript Forum: die farbe eines formularfeldes ändern mit javascript 1 prinzessin4444 3403 16. Nov 2008, 20:21
fuddyduddy die farbe eines formularfeldes ändern mit javascript
Keine neuen Beiträge Frontpage Forum: Benötige Hilfe bei JAVAscript 0 Platten Peter 1076 01. Sep 2008, 15:28
Platten Peter Benötige Hilfe bei JAVAscript
Keine neuen Beiträge PHP & JavaScript Forum: Per JavaScript Ereignisse in anderem Fenster abfragen? 0 tschroeder 1351 15. Aug 2008, 15:44
tschroeder Per JavaScript Ereignisse in anderem Fenster abfragen?
Keine neuen Beiträge PHP & JavaScript Forum: javascript anzeigen 3 schnacko 3159 03. Jun 2008, 10:45
waldwuffel javascript anzeigen
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Access Tabellen