Einblenden & Hintergrundwechsel/ Probleme

[Savro]

Hey html.de Community,

ich hoffe ihr könnt mir bei meinen Problemen weiterhelfen. Ich möchte das Logo meiner Seite einblenden lassen. Hier ein Auszug von der Datei

[...]
<link type="image/x-icon" href="favicon.ico" rel="shortcut icon" />
    <link type="image/ico" href="favicon.ico" rel="icon" />

   <link href="css/style.css" type="text/css" media="screen" rel="stylesheet" />
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#logo').fadeIn(3500).delay(110500);
});
</script>

[...]

So, das Logo ist so eingebunden:

<div id="logo" style="display: block;">
<center><img height="416" width="1000" border="0" usemap="#Map" src="image/logo.png" /></center>
<map name="Map">
</div>

#logo {
    position:absolute;
    left:20%;
    margin-left:0px;
    top:0%;
    margin-top:0px;
    width:709px;
    height:440px;
    z-index:10;
    display: none;
}

Aber es funktioniert leider nicht.

So, nun zu Problem Nummer 2. Ich habe im Footer 3 Bilder, zudem das Hintergrund Logo und eine simple Hintergrund CSS Farbe. Beim Mouserollover auf eines dieser Bilder soll sich das Bild langsam erhellen (opacity) und beim Klick soll sich eine Shadowbox öffnen (Welche ich bereits per jS eingebaut habe und funktioniert) und der Hintergrund + das Logo sollen sich ändern, ohne dass die Seite neu geladen wird, sprich langsames überblenden.

Nun habe ich noch ein einziges Problem:

Beim Internet Explorer wird automatisch jS geblockt, gibt es eine Möglichkeit dies zu umgehen, sodass IE Nutzer nicht extra auf "Erlauben" klicken müssen?

Ich hoffe sehr, dass ich mir helfen könnt.

lg,
Savro

 

[threadi]

Ich möchte das Logo meiner Seite einblenden lassen.

Nimm mal die jQuery-Funktion animate().

So, nun zu Problem Nummer 2. Ich habe im Footer 3 Bilder, zudem das Hintergrund Logo und eine simple Hintergrund CSS Farbe. Beim Mouserollover auf eines dieser Bilder soll sich das Bild langsam erhellen (opacity) und beim Klick soll sich eine Shadowbox öffnen (Welche ich bereits per jS eingebaut habe und funktioniert) und der Hintergrund + das Logo sollen sich ändern, ohne dass die Seite neu geladen wird, sprich langsames überblenden.

Und was ist dabei das Problem?

Beim Internet Explorer wird automatisch jS geblockt, gibt es eine Möglichkeit dies zu umgehen, sodass IE Nutzer nicht extra auf "Erlauben" klicken müssen?

Binde die jquery-Datei mal nicht von dem Server dort ein. Lade dir die Datei runter und leg sie auf deinen Webspace und binde sie von dort ein.

 

[alogheo]

Ich glaub, dass erste Problem liegt an der Verzögerung von 110 Skeunden:

[LEFT][COLOR=#333333]delay(110500);

[/COLOR][/LEFT]

 

[Savro]

Nimm mal die jQuery-Funktion animate().



Und was ist dabei das Problem?



Binde die jquery-Datei mal nicht von dem Server dort ein. Lade dir die Datei runter und leg sie auf deinen Webspace und binde sie von dort ein.

Jo, die Datei auf dem Server zu laden hat das Problem gelöst, danke.
Das Problem bei Problem 2 ist, dass ich mich leider noch nicht so gut damit auskenne und ich nicht genau weiß, wie ich die Sache angehen soll.

Ich glaub, dass erste Problem liegt an der Verzögerung von 110 Skeunden:

[LEFT][COLOR=#333333]delay(110500);[/COLOR][/LEFT]

Hat leider nichts geändert.

lg,

 

[mermshaus]

Was genau hat nichts geändert?

 

[Savro]

Das Logo erscheint noch immer sofort. Ich finde den Fehler auch nicht, denn scheinbar erkennt er einfach das Script nicht.

 

[threadi]

Dann stell den z-index mal ordentlich ein.

Falsch:

z-index:10;

Richtig (wenn man das betreffende Element unsichtbar haben möchte):

z-index: 0;

Siehe auch:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen