|
Webmaster Forum Suchmaschinenoptimierung Webpromotion Webdesign
 |
warum beissen sich diese scripte ?? |
 |
 Verfasst am: 28.05.2003, 00:46 |
 |
|
| Gustafsson |
| Sterndeuter |
 |
| |
| Anmeldungsdatum: 05.05.2003 |
| Beiträge: 374 |
| Wohnort: Aspirin |
|
|
 |
|
 |
|
moin moin,
ich würde gern folgende 2 scripte auf einer neuen seite unterbringen, aber beide zusammen funktionieren nicht, welche gründe könnte das haben ??
| Code: | <div align="center">
<script language="JavaScript1.2">
//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var slideshow_width='140px' //SET IMAGE WIDTH
var slideshow_height='225px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="..................jpg"
fadeimages[1]="..................jpg"
fadeimages[2]="..................jpg"
////NO need to edit beyond here/////////////
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
</div> |
| Code: | <SCRIPT>
// CREDITS:
// Free Content Scroller
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 8/31/2002
// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured
// CONFIGURATION:
// Go to http://www.24fun.com
// and create your own text animation
// with our new Text Factory.
var textbgcolor="#ccc0a6"
var textwidth=120
var textheight=200
var textborder=3
var textbordercolor="#8d272f"
var i_text=0
var textcontent=""
var thisspan=""
var content=""
var contentbg=""
var toggle=1
var timer
var scrollready=true
var tablewidth
var tableheight
var step=1
var content
var padding=3
var textcontentheight
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
if (ie || ns6) {
document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'"></div>');
document.write('</td></tr></table>')
if (ns6) {
var tablewidth=textwidth-2*textborder
var tableheight=textheight-2*textborder
}
else {
var tablewidth=textwidth
var tableheight=textheight
}
document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';overflow:hidden;visibility:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">')
}
if (ns4) {
document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
var widthMinusTwoBorder=textwidth-2*textborder
var heightMinusTwoBorder=textheight-2*textborder
var widthMinusFourBorder=textwidth-4*textborder
var heightMinusFourBorder=textheight-4*textborder
}
</script>
<ilayer name="marker" bgcolor=&{textbordercolor}; width=&{textwidth}; height=&{textheight};></ilayer>
<layer name="tickerbg" left=&{textborder}; top=&{textborder}; width=&{widthMinusTwoBorder}; height=&{heightMinusTwoBorder}; bgcolor=&{textbgcolor}; visibility=hide> </layer>
<layer name="roof" width=&{widthMinusTwoBorder}; height=&{heightMinusFourBorder};>
<layer name="ticker" visibility=hide width=&{widthMinusTwoBorder}; left=&{textborder}; top=&{textborder}; onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">
<table cellpadding=3><tr><td><font face="Verdana" color="#000000" size=2><font face="Verdena" color="#FF0000" size=3><strong>Free Content Scroller</strong></font><br>Type or paste the content for your scroller<img src="face.jpg" align=right>into this box. HTML-tags, <a href="http://www.24fun.com">links</a> and even <strong>images</strong> are allowed. Have a try!<br><hr><font face="Comic Sans MS" color="#FF0000" size=3><strong>Just imagine</strong></font><br>what you can do with this kind of scroller. There are no limits<br><hr><font face="Comic Sans MS" color="#FF0000" size=3><strong>Be creative</strong></font><br>and impress your visitors with this <em>new kind</em> of scroller.</font><br><hr></td></tr></table>
</layer></layer>
<script>
if (ns4) {
document.write('</td></tr></table>')
}
if (ie || ns6) {
document.write('</span></div>')
}
function doscroll(){
if (scrollready) {
if(ns4){
document.roof.document.ticker.top+=-step;
if(document.roof.document.ticker.top<-textcontentheight) {
document.roof.document.ticker.top=textheight;
}
}
if (ie) {
document.all.ticker.style.posTop+=-step
if (document.all.ticker.style.posTop<-textcontentheight) {
document.all.ticker.style.posTop=textheight
}
}
if (ns6) {
document.getElementById('ticker').style.top=parseInt(document.getElementById('ticker').style.top)-step
if (parseInt(document.getElementById('ticker').style.top)<-textcontentheight) {
document.getElementById('ticker').style.top=textheight
}
}
timer=setTimeout("doscroll()",50)
}
else {
clearTimeout(timer)
}
}
function DL_GetElementLeft(eElement) {
var nLeftPos = eElement.offsetLeft;
var eParElement = eElement.offsetParent;
while (eParElement != null) {
nLeftPos += eParElement.offsetLeft;
eParElement = eParElement.offsetParent;
}
return nLeftPos;
}
function DL_GetElementTop(eElement) {
var nTopPos = eElement.offsetTop;
var eParElement = eElement.offsetParent;
while (eParElement != null) {
nTopPos += eParElement.offsetTop;
eParElement = eParElement.offsetParent;
}
return nTopPos;
}
function initscroller(){
if (ns4) {
var thisspan=eval("document.roof.document.ticker")
textcontentheight=thisspan.clip.bottom-thisspan.clip.top;
document.roof.left=document.marker.pageX
document.roof.top=document.marker.pageY+1*textborder
document.tickerbg.left=document.marker.pageX+1*textborder
document.tickerbg.top=document.marker.pageY+1*textborder
document.roof.clip.width=textwidth;
document.roof.clip.height=textheight-2*textborder;
thisspan.top=textheight;
thisspan.clip.width=textwidth;
thisspan.clip.height=textcontentheight;
document.roof.visibility="show";
document.tickerbg.visibility="show";
thisspan.visibility="show";
}
if (ie) {
textcontentheight=document.all.ticker.clientHeight
document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker);
document.all.roof.style.posTop=DL_GetElementTop(document.all.marker);
document.all.ticker.style.posTop=textheight
document.all.ticker.style.clip='rect(0px, '+(textwidth-4)+'px, '+(textcontentheight)+'px, 0px)';
document.all.roof.style.visibility="visible";
document.all.ticker.style.visibility="visible";
}
if (ns6) {
textcontentheight=document.getElementById('ticker').offsetHeight
document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker'));
document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker'));
document.getElementById('ticker').style.top=-textcontentheight
document.getElementById('ticker').clip='rect(0px, '+(textwidth-4)+'px, '+(textcontentheight)+'px, 0px)';
document.getElementById('roof').style.visibility="visible";
document.getElementById('ticker').style.visibility="visible";
}
doscroll()
}
function setscrollready(whatanswer) {
if (whatanswer==1) {
scrollready=true
checkscroll()
}
else {
scrollready=false
}
}
function checkscroll() {
clearTimeout(timer)
if (scrollready) {
doscroll()
}
}
function reopenpage() {
history.go(0)
}
window.onresize=reopenpage
window.onload=initscroller
</script> |
|
|
|
|
|
|
|
|
|
| Verfasst am: 28.05.2003, 07:36 |
|
|
| Caschi |
| Administrator |
|
| |
| Anmeldungsdatum: 03.01.2003 |
| Beiträge: 6700 |
| Wohnort: Big City R :-) |
|
|
|
|
|
|
hi gust!
wie schon gesagt habe ich null plan von java.
aber so wie ich es eben gesehen habe überscheiden sich die
funktionen des scriptes und da wird des prob drin liegen das beide
net zusammen laufen. vielleicht kann dir es daniel oder sven
anpassen.
viele grüße |
|
|
|
|
| Verfasst am: 28.05.2003, 10:14 |
|
|
| Sven |
| Administrator |
|
| |
| Anmeldungsdatum: 29.12.2002 |
| Beiträge: 1489 |
| Wohnort: Neuwied |
|
|
|
|
|
|
java ist auch net so mein fall aber ich glaube du setzt zuviel davon ein 
Ist das erste eine art Preloader? Also das die grafiken irgentwie vorgeladen werden? |
|
|
|
|
|
|
|
|
| Verfasst am: 28.05.2003, 10:43 |
|
|
| Joerg |
| Moderator |
|
| |
| Anmeldungsdatum: 28.01.2003 |
| Beiträge: 3156 |
|
|
|
|
|
|
|
irgendwie fehlt da eine anweisung, dass beide scripte gleichzeitig geladen werden? wie man das macht, weiß ich leider auch nicht, dafür reichen meine kenntnisse von javascript leider nicht aus.
eine möglichkeit wäre noch das zweite script in einem iframe zu laden:
| Code: |
<iframe src="script2.html" width="160" height="240" frameborder="0" align="center">
<p>Alternativer Text für Browser, die keine iframe verstehen</p>
</iframe>
|
für script2.html setzt du den namen der datei ein, in der das zweite script enthalten ist. iframe verstehen nicht alle browser, deswegen muss da alternativ ein text rein. und je nachdem, wieviel text du in dem zweiten script unterbringst, muss die höhe und weite des iframe angepasst werden (werte für width und height). ich habs grad ausprobiert, so funktionierts - aber vielleicht weiß jemand wie man die scripte selbst anpassen kann, dass sie auf einer seite zusammenlaufen, das wäre dann eine etwas elegantere lösung. |
|
|
|
|
|
|
|
|
| Verfasst am: 28.05.2003, 11:52 |
|
|
| Gustafsson |
| Sterndeuter |
|
| |
| Anmeldungsdatum: 05.05.2003 |
| Beiträge: 374 |
| Wohnort: Aspirin |
|
|
|
|
|
|
moin moin,
erstmal vielen dank für eure antworten es sollen eigentlich auf der startseite nur diese 2 scripte laufen das eine ist eine art slideshow, da sollten so an die 10 kleinen thumbs ablaufen (geladen werden)
das andere script ist eine art newsticker aus der schmiede von
www-24fun-com.
gäbe es eine alternative für den newsticker würde ich die liebend gerne einsetzen, die slideshow ist am wichtigsten.
ich würde mal sagen (an hand meiner statistiken) sind meine besucher zu 95% mit win und IE 5 / 6.0 unterwegs, selten mit NS6 und verschwindent gering sind opera usw. |
|
|
|
|
|
|
|
|
| Verfasst am: 28.05.2003, 11:59 |
|
|
| Joerg |
| Moderator |
|
| |
| Anmeldungsdatum: 28.01.2003 |
| Beiträge: 3156 |
|
|
|
|
|
|
|
also funktionieren tuts bei mir mit ie 6 und mit ie 5 sollte es auch gehen. opera 7 zeigt den iframe an, ebneso mozilla 1.2. und da netscape 7 auf mozilla aufbaut, kann ich mir vorstellen dass es auch dort funktioniert. ich habs grad nochmal ausprobiert, damit bei opera und mozilla (bzw. netscape) der blöde scrollbalken unterdrückt wird im iframe, muss es dann so aussehen:
| Code: |
<iframe src="script2.html" width="160" height="240" frameborder="0" align="center" scrolling="no">
<p>Alternativer Text für Browser, die keine iframe verstehen</p>
</iframe>
|
also den iframe baust du auf deiner startseite unterhalb des scriptes für die slideshow ein, und fügst für script2.html den namen der datei ein, in der das script für den ticker ist. auf diese weise werden beide angezeigt auf der startseite, der ticker wird halt nur in einem separatem (i-)frame geladen |
|
|
|
|
|
|
|
|
| Verfasst am: 28.05.2003, 11:59 |
|
|
| Caschi |
| Administrator |
|
| |
| Anmeldungsdatum: 03.01.2003 |
| Beiträge: 6700 |
| Wohnort: Big City R :-) |
|
|
|
|
|
|
| finde jörg seine idee mit dem iframe eigentlich gut. da haste des prob zwar net mit gefixt aber geschickt umgangen |
|
|
|
|
| Masterhilfe Foren-Übersicht -> HTML - CSS - JavaScript |
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1
|
|
|
|
|
|
| Deutsche Übersetzung von phpBB.de |
Powered by phpBB � 2001-2003 phpBB Group. Theme created by Vjacheslav Trushkin.
G�nstige Handwerker und Dienstleister
Geld verdienen
Webverzeichnis
News
Webhosting
Musik
Regionales Web-Verzeichnis
Das Erotik und Porno Portal
Deutsches Erotik und Sex Webverzeichnis
das super live sex cams angebot
kostenlose kleinanzeigen
Versicherungsvergleich
Hardware Forum
zeitschrift abo service
Geld verdienen
Suchmaschinenoptimierung Lexikon
|
Unsere Moderatoren
