|
|||
problem mit externer JS Datei
EDIT: Hat sich erledigt! Danke!
Hallo zusammn, habe ein Problem mit meiner externen JavaScript Datei... habe da ein Code für eine Diashow, wenn ich das JS intern mache, funktioniert es wunderbar, weil der code aber so lange ist, habe ich ihn in ein externes JavaScript eingefügt und angehängt, jetzt funktioniert es plötzlich nicht mehr... bekomme im Dreamweaver auch immer diese Meldung: Code:
Syntax Fehler in zeile 25, Code funktioniert möglicherweise erst wenn das Problem behoben wurde Code:
25 if(imageIndex==slideshow2_imagesInGallery){ PS: Die externe JS wurde so angehängt: Code:
<script src="js/diashow.js" type="text/javascript"></script> Geändert von real t (06.05.2010 um 00:48 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
okkay, finde es aber denoch komisch dass es Intern funktioniert und Extern nicht.
JavaScript Code: Code:
<SCRIPT type="text/javascript"> // You can modify these three values var slideshow2_noFading = false; // Just normal show/hide without fading ? var slideshow2_timeBetweenSlides = 1500; // Amount of time between each image(1000 = 1 second) var slideshow2_fadingSpeed = 20; // Speed of fading /* Don't change any of these values */ var slideshow2_galleryHeigh; // Height of galery var slideshow2_galleryContainer; // Reference to the gallery div var slideshow2_galleryWidth; // Width of gallery var slideshow2_slideIndex = -1; // Index of current image shown var slideshow2_slideIndexNext = false; // Index of next image shown var slideshow2_imageDivs = new Array(); // Array of image divs(Created dynamically) var slideshow2_currentOpacity = 100; // Initial opacity var slideshow2_imagesInGallery = false; // Number of images in gallery function getGalleryImageSize(imageIndex) { if(imageIndex==slideshow2_imagesInGallery){ showGallery(); }else{ var imgObj = document.getElementById('galleryImage' + imageIndex); var imgWidth = imgObj.width; var imgHeight = imgObj.height; if(imgWidth>50){ var tmpDiv = document.createElement('DIV'); tmpDiv.id = 'galleryDiv' + imageIndex; tmpDiv.style.visibility = 'hidden'; tmpDiv.className='imageInGallery'; slideshow2_galleryContainer.appendChild(tmpDiv); tmpDiv.appendChild(imgObj); imgObj.style.left = Math.round((slideshow2_galleryWidth - imgWidth)/2) + "px"; imgObj.style.top = Math.round((slideshow2_galleryHeight - imgHeight)/2) + "px"; tmpDiv.style.visibility = 'hidden'; slideshow2_imageDivs.push(tmpDiv); imageIndex++; getGalleryImageSize(imageIndex); }else{ setTimeout('getGalleryImageSize(' + imageIndex + ')',10); } } } function showGallery() { if(slideshow2_slideIndex==-1)slideshow2_slideIndex=0; else slideshow2_slideIndex++; // Index of next image to show if(slideshow2_slideIndex==slideshow2_imageDivs.length)slideshow2_slideIndex=0; slideshow2_slideIndexNext = slideshow2_slideIndex+1; // Index of the next next image if(slideshow2_slideIndexNext==slideshow2_imageDivs.length)slideshow2_slideIndexNext = 0; slideshow2_currentOpacity=100; // Reset current opacity // Displaying image divs slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'visible'; if(navigator.userAgent.indexOf('Opera')<0){ slideshow2_imageDivs[slideshow2_slideIndexNext].style.visibility = 'visible'; } if(document.all){ // IE rules slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity=100)'; slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity=1)'; }else{ slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = 0.99; // Can't use 1 and 0 because of screen flickering in FF slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = 0.01; } setTimeout('revealImage()',slideshow2_timeBetweenSlides); } function revealImage() { if(slideshow2_noFading){ slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden'; showGallery(); return; } slideshow2_currentOpacity--; if(document.all){ slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity='+slideshow2_currentOpacity+')'; slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity='+(100-slideshow2_currentOpacity)+')'; }else{ slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = Math.max(0.01,slideshow2_currentOpacity/100); // Can't use 1 and 0 because of screen flickering in FF slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = Math.min(0.99,(1 - (slideshow2_currentOpacity/100))); } if(slideshow2_currentOpacity>0){ setTimeout('revealImage()',slideshow2_fadingSpeed); }else{ slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden'; showGallery(); } } function initImageGallery() { slideshow2_galleryContainer = document.getElementById('imageSlideshowHolder'); slideshow2_galleryWidth = slideshow2_galleryContainer.clientWidth; slideshow2_galleryHeight = slideshow2_galleryContainer.clientHeight; galleryImgArray = slideshow2_galleryContainer.getElementsByTagName('IMG'); for(var no=0;no<galleryImgArray.length;no++){ galleryImgArray[no].id = 'galleryImage' + no; } slideshow2_imagesInGallery = galleryImgArray.length; getGalleryImageSize(0); } </SCRIPT> CSS: Code:
#imageSlideshowHolder{ /* This is a CSS hack in order to get a nice look in IE 5.5 and lower In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers. */ /* CSS HACK */ width: 860px; /* IE 5.x */ width: 860px; /* Other browsers */ width: 860px; /* CSS HACK */ height: 200px; /* IE 5.x */ height/* */:/**/200px; /* Other browsers */ height: /**/200px; background-color:#000; border:3px solid #317082; position:relative; /* Never change this value */ } .imageInGallery{ width:860px; height:200px; background-color:#000; /* Never change these 3 value */ left:0px; top:0px; position:absolute; } #imageSlideshowHolder img{ position:absolute; } Code:
<div id="diashow"> <div id="imageSlideshowHolder"> <img src="images/image1_big.jpg"> <img src="images/image2_big.jpg"> <img src="images/image3_big.jpg"> <img src="images/image4_big.jpg"> <img src="images/image5_big.jpg"> <img src="images/image6_big.jpg"> </div> <SCRIPT type="text/javascript"> initImageGallery(); </SCRIPT></div> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE 6 erkennt seine CSS Datei nicht | Perelina | (X)HTML | 4 | 07.08.2009 19:56 |
Uploader problem | Skullsplitter | Serveradministration und serverseitige Scripte | 21 | 28.11.2008 16:32 |
PDF-Auslieferung: Problem mit IE | fmp | Serveradministration und serverseitige Scripte | 9 | 31.10.2008 15:13 |
Problem: IE versteckt Text & Feedback | Herbi | CSS | 2 | 11.08.2006 15:39 |
Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 12:13 |