Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 13.11.2010 11:07
Titel IE Probelm mit JS |
|
|
Hallo,
ich habe ein Problem mit JS und unserem geliebten IE.
Im Kopf der Homepage ist ein JS eingebunden welcher einen Bilderwechsel macht.
Ich hab schon alles versucht und bin jetzt zu dem entschluss gekommen!
RAUS MIT DEM SCHEIß für den IE !
JETZT MEIN PROBLEM:
Wie kann ich eine Abfrage machen das der Browser erkennt er ist IE und zeigt mir anstatt der Slideshow nur ein statisches Bild an.
Danke und Gruß FSchoeppe
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Sa 13.11.2010 11:24
Titel
|
|
|
Mit Conditional Comments oder ner JS-Browserweiche.
In der Zeit, in der du den Text geschrieben hast, hättest das doch 20 man bei google eingeben können - oder in der mgi-Suche
|
|
|
|
|
Anzeige
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 14.11.2010 18:29
Titel
|
|
|
Ja ok im Head <!--[if IE]> nur wie bekomme ich es dann hin das er nicht auf das JS zugreift sondern dort ein bild einläd?
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst So 14.11.2010 18:48
Titel
|
|
|
Vorlese Service
Code: |
<!--[if !IE]><!--> <script type="text/javascript"> // script // </script> <!--<![endif]-->
<!--[if IE]><!--> <img src="blablubb.jpg" title="blabubb" alt="blabubb" /> <!--<![endif]-->
|
|
|
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 16.11.2010 15:06
Titel
|
|
|
so ich habe das ganze jetzt in das div eingebaut.
Code: | <div id="banner">
<!-- Content slider -->
<div id="slider">
<!--[if !IE]><!--> <script type="text/javascript" src="js/easySlider1.5.js">// script // </script> <!--<![endif]-->
<!--[if IE]><!--> <img src="images/banner.jpg" title="banner" alt="" /> <!--<![endif]-->
<ul>
<li>
<img src="images/banner.jpg" alt="" />
<div class="info">
<div>
<h1>Silz die "grüne" Gemeinde</h1>
<p>im Wald und am See.
Geniesen Sie ein wenig Zeit im staatlich anerkannten Erholungsort. Lassen Sie die Seele baumeln bei einer Wanderung am Silzer See oder geniesen Sie ein schönes Essen
von einem unserer lokalen Gastronomen.</p>
<a href="#" class="more">mehr???</a>
</div>
</div>
</li>
<li>
<img src="images/banner2.jpg" alt="" />
<div class="info">
<div>
<h1>Den Pfälzer Wald geniesen</h1>
<p>Eine Wanderung durch den Pfälzer Wald ist mehr als nur eine Alter-native. Nicht entlassen sollte man sich auch nicht die Burgenwan-derung Münz , oder zum Landeck. Egal ob "Kurzstrecke" oder einen Tagesausflug der Pfälzer Wald hällt für alle das Richtige bereit.</p>
<a href="#" class="more">mehr???</a>
</div>
</div>
</li>
<li>
<img src="images/banner3.jpg" alt="" />
<div class="info">
<div>
<h1>Tiere ganz nah erleben</h1>
<p>Auf Wanderwegen geht es durch die Gehege der einheimischen Wild-tiere. Immer einen Besuch wert ist der Wild und Wanderpark im Herbst, Brunftkämpfe austragen. Für die Kleinen ist auch gesorgt: Kinderspielplatz und Streichelzoo sorgen für viel Spaß.</p>
<a href="#" class="more">mehr???</a>
</div>
</div>
</li>
</ul>
</div>
</div> |
komischer weise wird das ganze nicht angezeigt richtig angezeigt im ie bleibt das statische bild stehen im Firefox wird das js gar nicht mehr angezeigt! was mach ich falsch?
Hier noch das JS
Code: | (function($) {
$.fn.easySlider = function(options){
// default configuration properties
var defaults = {
prevId: 'prevBtn',
prevText: 'Zurück',
nextId: 'nextBtn',
nextText: 'Vor',
controlsShow: true,
controlsBefore: '<div id="controls">',
controlsAfter: '</div>',
controlsFade: true,
firstId: 'firstBtn',
firstText: 'First',
firstShow: false,
lastId: 'lastBtn',
lastText: 'Last',
lastShow: false,
vertical: false,
speed: 600,
auto: false,
pause: 5000,
continuous: false
};
var options = $.extend(defaults, options);
this.each(function() {
var obj = $(this);
var s = $("li", obj).length;
var w = $("li", obj).width();
var h = $("li", obj).height();
obj.width(w);
obj.height(h);
obj.css("overflow","hidden");
var ts = s-1;
var t = 0;
$("ul", obj).css('width',s*w);
if(!options.vertical) $("li", obj).css('float','left');
if(options.controlsShow){
var html = options.controlsBefore;
if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
html += options.controlsAfter;
$(obj).after(html);
};
$("a","#"+options.nextId).click(function(){
animate("next",true);
});
$("a","#"+options.prevId).click(function(){
animate("prev",true);
});
$("a","#"+options.firstId).click(function(){
animate("first",true);
});
$("a","#"+options.lastId).click(function(){
animate("last",true);
});
function animate(dir,clicked){
var ot = t;
switch(dir){
case "next":
t = (ot>=ts) ? (options.continuous ? 0 : ts) : t+1;
break;
case "prev":
t = (t<=0) ? (options.continuous ? ts : 0) : t-1;
break;
case "first":
t = 0;
break;
case "last":
t = ts;
break;
default:
break;
};
var diff = Math.abs(ot-t);
var speed = diff*options.speed;
if(!options.vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ marginLeft: p },
speed
);
} else {
p = (t*h*-1);
$("ul",obj).animate(
{ marginTop: p },
speed
);
};
if(!options.continuous && options.controlsFade){
if(t==ts){
$("a","#"+options.nextId).hide();
$("a","#"+options.lastId).hide();
} else {
$("a","#"+options.nextId).show();
$("a","#"+options.lastId).show();
};
if(t==0){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
} else {
$("a","#"+options.prevId).show();
$("a","#"+options.firstId).show();
};
};
if(clicked) clearTimeout(timeout);
if(options.auto && dir=="next" && !clicked){;
timeout = setTimeout(function(){
animate("next",false);
},diff*options.speed+options.pause);
};
};
// init
var timeout;
if(options.auto){;
timeout = setTimeout(function(){
animate("next",false);
},options.pause);
};
if(!options.continuous && options.controlsFade){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
};
});
};
})(jQuery); |
was hab ich falsch gemacht?
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Di 16.11.2010 15:30
Titel
|
|
|
Alles ??
Wo rufst Du den EasySlider denn überhaupt auf?
sehe nirgends
Code: |
$('#dingsbummenskirchen').easyslider();
|
Dann würde das vllt auch im IE funktionieren.
|
|
|
|
|
FSchoeppe
Threadersteller
Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 16.11.2010 15:50
Titel
|
|
|
Zitat: | <head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>Silz.de</title>
<style type="text/css">
@import "layout.css";
</style>
<link rel="stylesheet" href="jquery.twitter.css" type="text/css" media="all" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--[if IE]>
<style type="text/css">
@import "ie_layout.css";
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "steveboiko",
numTweets: 2,
loaderText: "Loading tweets...",
slideIn: true,
slideDuration: 750,
showHeading: false,
headingText: "Latest Tweets",
showProfileLink: false,
showTimestamp: true
});
});
</script>
</head>
<body>
<div id="centered">
<div id="header">
<a href="index-2.html"><img src="images/logo.gif" alt="" class="floatleft" /></a>
<ul id="navigation">
<li class="active"><a href="index-2.html" class="active">Home</a></li>
<li><a href="ortsgemeinde.html">Ortsgemeinde</a></li>
<li><a href="tourismus.html">Tourismus</a></li>
<li><a href="soziales.html">Soziales</a></li>
<li><a href="vereine.html">Vereine</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div id="banner">
<!-- Content slider -->
<div id="slider"> |
ne im ie wird es komplett falsch angezeigt siehe hier und im firefox
|
|
|
|
|
|
|
|
Ähnliche Themen |
Probelm mit Scrollbalken in Opera
|
|
|
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.
|
|