Antworten auf deine Fragen:
Neues Thema erstellen

Slider unter Chrome und IE werden falsch angezeigt

darkdevel

Nicht mehr ganz neu hier

Leute ich hab da wieder mal ein Problem das ich nicht verstehen kann. Ich habe einen Slider in die Homepage eingebaut.
Code:
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/
cycle/jquery.cycle.all.2.74.js"></script>
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow')
    .after('<div id="nav">')
    .cycle({
        fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager:  '#nav'
    });
});
</script>

Javascript wurde so eingebaut das man es nicht auf den Rechner laden muss. (vielleicht ein Fehler)

Code:
<div class="slideshow">

    <img src="http://www.psd-tutorials.de/forum/images/slider1.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider2.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider3.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider4.jpg" />
    <img src="http://www.psd-tutorials.de/forum/images/slider5.jpg" />

    </div><!--end slideshow-->
Das ist der normale Aufbau der Slideshow.

Code:
.slideshow {
    width: 960px;
    height: 482px;
    margin: 30px auto;
	padding-bottom:20px;
}
.slideshow img {
   padding: 20px;
    background: #f3f3f3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
So das ist die CSS dazu.
Wenn ich offline bin und an der Seite arbeite dann zeigt der Mozilla die Slideshow sauber so wie sie sein soll. Chrom und IE zeigen die Bilder untereinander. Gehe ich online dann zeigt der Chrome meine Slideshow auch sauber. Während IE immer noch den selben Fehler macht.

Wie kann ich das beheben das mir wir im Mozilla die beiden anderen Browser den Slider sauber anzeigt auch wenn ich offline an der Seite arbeite . Hab ich irgendwo eine Zeile vergessen?
Noch zur Info bevor die Frage kommt ich hab die Homepage im Moment unter Xampp laufen
 
Zuletzt bearbeitet:

Myhar

Hat es drauf

AW: Slider unter Chrome und IE werden falsch angezeigt

Du hast zwar die Codeteile gepostet, aber in denen sind, soweit ich das erkennen kann, keine Fehler vorhanden. du verwendest zwar eine sehr alte Version von jQuery, aber wenn du die nur für den slider verwendest sollte es egal sein.
Zu deinem konkreten Problem, schau in der lokalen Version einmal in die jeweiligen Webdeveloper Tools der Browser ob sie dir einen Fehler in der JS-Fehlerkonsole anzeigen. Wenn nicht kontrolliere, ob auch alle Scripts geladen werden.
Ansonsten hilft immer noch, einen Link zur Onlineversion zu posten.
 

darkdevel

Nicht mehr ganz neu hier

AW: Slider unter Chrome und IE werden falsch angezeigt

Danke ich hab jetzt mal unter Firebug nachgeschaut und da bekomme ich folgenden Fehler gezeigt.

ReferenceError: $ is not defined
[Bei diesem Fehler anhalten]

$(document).ready(function() {

Ich dachte eigentlich das der Code so stimmt.
 

Myhar

Hat es drauf

AW: Slider unter Chrome und IE werden falsch angezeigt

Das heißt, dass jQuery nicht geladen wird. Was zeigt er dir denn bezüglich der Datei an? Kommt da lokal ein 404er zurück, wenn du die einbindest? Oder was anderes?
 

darkdevel

Nicht mehr ganz neu hier

AW: Slider unter Chrome und IE werden falsch angezeigt

Gar nichts. Ich lade die Seite über den Localhost ganz normal. Die Seite sieht gut aus dann mache ich weiter im Editor speichere lade die Seite neu und sie ist im Slider zerscossen. Also werde ich die js doch runter laden und einbinden. Anscheinend liegt da mein Fehler
 

Myhar

Hat es drauf

AW: Slider unter Chrome und IE werden falsch angezeigt

Es kann nicht "gar nichts" zurückkommen. Entweder die Datei wird geladen oder sie wird nicht geladen, etwas anderes kann nicht vorkommen. Im Firebug gibt es auch den Reiter "Netzwerk", da kannst du für jede Datei sehen, ob sie übertragen wurde. Wenn das der Fall ist, dann liegt der Fehler wohl doch woanders.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben