/ Forside/ Teknologi / Udvikling / Java / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java
#NavnPoint
molokyle 3688
Klaudi 855
strarup 740
Forvirret 660
gøgeungen 500
Teil 373
Stouenberg 360
vnc 360
pmbruun 341
10  mccracken 320
slide show
Fra : openphone_unlock
Vist : 760 gange
350 point
Dato : 16-07-04 11:02

jeg vil gerne have dette slideshow til at vises 2 forskelige steder på min hjemmeside
på samme side

her liger et eksempel men slideshowet vises kun det ene sted
www.openphone.dk/nyt.htm

er der nogen her der kan fortælle hvordan jeg gør for at få det til at vises begge steder

helst ville jeg gerne at det ikke køre i samme rækkefølge men det er ikke et most


selve java koden ser sådan ud (for et slideshow)

<body onLoad="runSlideShow()">
<p align="center"> <p align="center"> <SCRIPT LANGUAGE="JavaScript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000;
// Duration of crossfade (seconds)
var crossFadeDuration = 30;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'logo_nokia.gif'
Pic[1] = 'sony-eric.jpg'
Pic[2] = 'siemens.gif'
Pic[3] = 'motorola.gif'
Pic[4] = 'alcatel.gif'
Pic[5] = 'samsung.gif'



// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>

<img src="1.jpg" name='SlideShow' align="middle" >



på forhånd tak
hilsen Bjarne


 
 
Kommentar
Fra : Eyvind


Dato : 16-07-04 11:22

Du kan muligvis bruge noget af dette possion absolut:
http://www.kandu.dk/dk/kurser/css/editor/editor.asp?xid=30


Kommentar
Fra : molokyle


Dato : 16-07-04 11:26

Jeg vil tro det er fordi variablen [var Pic = new Array();] er global. Dvs. det sidste kald til scriptet overskriver værdierne fra det første kald.

</MOLOKYLE>


Kommentar
Fra : molokyle


Dato : 16-07-04 11:28

Du kan også prøve dette script :

Kode
<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='200px' //SET IMAGE WIDTH
var slideshow_height='447px' //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]="./images/harry_1.jpg"
fadeimages[1]="./images/harry_2.jpg"
fadeimages[2]="./images/harry_3.jpg"
fadeimages[3]="./images/harry_4.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>


Kommentar
Fra : molokyle


Dato : 16-07-04 11:31

Ps. du kan se scriptet 'in action' her : http://home20.inet.tele.dk/friheden/sandkasse.html

Det er Harry -> Molo ; Morph tingen til højre

</MOLOKYLE>

Kommentar
Fra : natmaden


Dato : 16-07-04 14:43

Hos http://www.extrafilm.dk kan der gratis hentes et program til at holde styr på dine billeder,
lave billed album, ligge slideshow på pc/cd/internet,
programmet kan derudover også bruges til at forbedre billederne med og til at lave simple effekter.
programmet findes under fotoservice og hedder
Organizer

http://www.extrafilm.dk/bonus/download.asp

teksten på hjemmesiden
Citat
Download Extrafilms praktiske Organizer

Med Organizer får du flere forskellige muligheder og letanvendelige værktøjer. Det har aldrig været nemmere at organisere sine digitale billeder. Du trækker dem fra skrivebordet og til det album du vil have dem liggende i. Når du klikker på den fil du henter, pakker den sig selv op i et album med navnet extrafilm. I dette album klikker du så på setup.exe (2926 Kb)


Jeg siger godt program.

Mvh. Natmaden.

Kommentar
Fra : openphone_unlock


Dato : 16-07-04 20:18

hej igen
selve scriptet køre fint nok når det kun skal vises et sted
men hvordan for jeg det til at vises 2 steder

jeg er ikke interesseret i noget nyt script med mindre det kan det jeg ber om

men en til retning af det script som er sat ind i mit 1st indlæg
hilsen Bjarne


Kommentar
Fra : molokyle


Dato : 16-07-04 20:29

Jeg har jo fortalt dig; det er hér problemet ligger :

Citat
Fra : molokyle Dato : 16-07-04 11:26

Jeg vil tro det er fordi variablen [var Pic = new Array();] er GLOBAL. Dvs. det sidste kald til scriptet overskriver værdierne fra det første kald.


Vil du have jeg skal modificere scriptet for dig ?

...eller kender du nok til javascript og variabler's scope til selv at rette det til ?

400 kr. pr. påbegyndt time

..for jeg orker det ikke ! Så ville jeg hellere bixe et nyt script sammen ...hvis jeg var dig

</MOLOKYLE>

Kommentar
Fra : openphone_unlock


Dato : 16-07-04 20:36

hmm hvorfor tror du jeg spørg i dette forum
havde jeg selv kendt nok til java så havde jeg sat mig hen og rettet det

hilsen Bjarne


Kommentar
Fra : molokyle


Dato : 16-07-04 20:36
Kommentar
Fra : molokyle


Dato : 16-07-04 20:38

Citat
Scope of Variables :

Local variables :

declared within a function
accesible only to that function
variable is discarded when function finishes execution
local variables in different functions may have the same name

Global variables :

declared outside a function
accessible to all functions
vartiable is discarded when page is closed


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 16-07-04 20:42

openphone_unlock -> Det er ikke for at tage gas på dig, men du spørger noget alá :

Windows XP virker ikke efter hensigten. Er I ikke såøde at lave det om for mig, så det virker som jeg vil ha' !!!

Der er nogle regler at følge, når man skriver en stump javascriptcode.

Følger men ikke dem? ..og vil lave det HELT om, så scriptet får en anden funktionalitet end det der var intensionen, kan det bedre betale sig at lave det HELE om

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 16-07-04 20:46

Ps. Jeg ved nok du ikke er ekspert. Ellers ville du nok ikke have stillet spørgsmålet i Java, men i Javascript (..en helt anden boldgade).

..men du spørger om mere end 10 kloge kan svare på.

Problemet med dit script er; det er ikke beregnet på flere instanser af koden skal køre på samme side...og det er dét du vil ha' det skal gøre !!!

</MOLOKYLE>

Accepteret svar
Fra : Eyvind

Modtaget 350 point
Dato : 16-07-04 21:12

Det lyder nok for nemt openphone_unlock
Men havd med at lave to ens script SlideShow1 og SlideShow2
og så kalde dem sådan:
<img src="1.jpg" name='SlideShow1' align="middle" >
<img src="1.jpg" name='SlideShow2' align="middle" >

Det er nok noget vrøvl - men bare en tanke.





Kommentar
Fra : molokyle


Dato : 17-07-04 09:34

Jeg har afprøvet Eyvinds metode og det kan faktisk godt lade sig gøre. Kønt er det ikke, men det virker !!!

Du omskriver blot funktionen runSlideShow(); således :

Kode
function runSlideShow() { if (document.all) {
document.images.SlideShow1.style.filter="blendTrans(duration=2)";
document.images.SlideShow1.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow1.filters.blendTrans.Apply();
document.images.SlideShow2.style.filter="blendTrans(duration=2)";
document.images.SlideShow2.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow2.filters.blendTrans.Apply();
}
document.images.SlideShow1.src = preLoad[j].src;
document.images.SlideShow2.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow1.filters.blendTrans.Play();
document.images.SlideShow2.filters.blendTrans.Play();
}


..og du kan nu kalde scriptet 2 gange som Eyvind angiver :

<img src="1.jpg" name='SlideShow1' align="middle" >
<img src="1.jpg" name='SlideShow2' align="middle" >

Hvis du skal have glæde af script'es preload facilitet, bør du også indsætte HELE scriptet i din <head> ... </head> sektion, i stedet for i din <body onLoad="runSlideShow()"> ... </body>

En sidste gang : Det ER altså en dårlig løsning, men nu har jeg jo kodet den for dig og skidtet virker
Selvom jeg har lavet arbejdet, bør du give Eyvind point, hvis du vælger denne løsning. Det var hans idé !!!

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 17-07-04 09:40

Ps. BEMÆRK kandu.dk laver (..som sædvanlig) lidt ged i koden når den gengives. Derfor må du lige fjerne mellemrummet i duration=crossFadeDura tion begge steder, så der står duration=crossFadeDuration

</MOLOKYLE>

Kommentar
Fra : openphone_unlock


Dato : 17-07-04 21:40

Hej Med jer igen
eyvind`s ide var jo det jeg gerne vill have
og med hjælp fra molokyle
så virker det nu

for at sætte prikken over iet ville det være kanon med at slide 2 kørte en anden rækkefølge af bilederne !!!!
men det er nok at folange for meget

jeg synte i begge har fortjent point
de 350 som er her går til eyvind
der oprettes så et snyt pørgsmål som molokyle for en pose nøder for
bare gå ind og besvar det
ønsker i og se siden hvor slidshovet køre kan det ses her
www.openphone.dk/pr.htm



Godkendelse af svar
Fra : openphone_unlock


Dato : 17-07-04 21:51

Tak for svaret Eyvind.
                        

Kommentar
Fra : molokyle


Dato : 17-07-04 22:02

Hm.. openphone_unlock; dit link er dødt.

Den med billederne i en anden rækkefølge er lidt sjov, for så er vi helt klart derhenne, hvor man med fordel kan kode et helt nyt script, i stedet for at lappe videre på det 'gamle'.

Selvfølgelig kan det lade sig gøre, men det er spørgsmålet om det er anstrengelserne værd

hvisker... sshh... jeg 'gider' nemlig ikke rigtigt : Dovenskaben længe leve !

</MOLOKYLE>


Kommentar
Fra : openphone_unlock


Dato : 17-07-04 22:05

ups
linket skulle være
www.openphone.dk/pr.php

Kommentar
Fra : Eyvind


Dato : 18-07-04 13:44

Se jeg ville jo ikke kade scriptet 2 gange, men 2 ens script så du kaldte hver enkelt script á la
<img src="1.jpg" name='SlideShow1' align="middle" >
<img src="1.jpg" name='SlideShow2' align="middle" >
Med hver sin hastighed og så ville de ikke vise det samme.



Kommentar
Fra : openphone_unlock


Dato : 18-07-04 13:54

hej Eyvind

jeg har prøvet at lave scriptet 2 gange inden
den løsning som MOLOKYLE kom med

men har du mod og tid og lyst

vil jeg da gerne se et løsnings forslag
sikker der kan falde en (lille pose point )

Hilsen Bjarne



Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste