diePixelqueen
Threadersteller
Dabei seit: 21.09.2008
Ort: Stuttgart
Alter: -
Geschlecht: -
|
Verfasst So 21.09.2008 10:16
Titel Slideshowscript blockiert screenheight-Script - Bitte Hilfe! |
  |
|
Hallo zusammen.
Nachdem google mich mit meinen Problemchen jetzt schon oft hierher geführt hat und ich ja auch mediengestalterin bin (Fachrichtung Gestaltung, Schwerpunkt Nonprint) habe ich mich heute registriert und hoffe auf eure Hilfe.
Ich hab für meine Webseite ein Slideshowscript, dass in einige Dateien eingebunden ist. nun möchte ich für alle dateien eine browserweiche erstellen, die abfragt, wie hoch der bildschirm ist und dann die entsprechende css-datei ausgibt.
Beide scripte funktionieren prima. aber sobald sie beide zusammen auf einer seite sind, funktioniert das mit dem Screen-height nicht mehr
Wie kann ich beides parallel laufen lassen?
hier ist der code:
| Code: |
<script language="JavaScript" onload="verzweigung()">
if(screen.height <= "800"){
document.write('<link rel=stylesheet href=web800.css>')
}
else if(screen.height >= "801"){
document.write('<link rel=stylesheet href=web.css>')
}
-->
</script>
<script type="text/javascript" src="referenzshow.js"></script>
|
und hier ist auch noch der code von der slideshow.
| Code: |
window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so _init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init()
{
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','web.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('slideshow').getElementsByTagName('img');
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000);
}
function so_xfade()
{
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0)
{
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);
}
else
{
setTimeout(so_xfade,50);
}
function setOpacity(obj)
{
if(obj.xOpacity>.99)
{
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
|
vielen danbk schonmal an die Profis hier für die hilfe
viele grüße
Gina
|
|
diePixelqueen
Threadersteller
Dabei seit: 21.09.2008
Ort: Stuttgart
Alter: -
Geschlecht: -
|
Verfasst Di 23.09.2008 08:57
Titel
|
|
|
Hallo!
Danke, das Problem war aber, dass ich mich mit dem einen script "slideshow" auf die css-datei "web" bezogen habe und in der browserweiche dann zwischen "web" und "web800" wechseln wollte. mit freundlicher hilfe hab ich das jetzt zusammengefasst und jetzt tuts 
danke trotzdem.
Zuletzt bearbeitet von diePixelqueen am Di 23.09.2008 08:57, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
