/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Automatisk slideshow af baggrundsbilleder
Fra : Otto Motzfeldt


Dato : 31-01-09 05:52

Hej alle.

Jeg arbejder på at få automatisk slideshow af baggrundsbillede på
en del af forsiden, f.eks. skal den starte med img1. Det er
vigtigt for mig at den altid starter med det samme billede,
resten af de f.eks. 4 billeder, kan godt være random.

Jeg bruger Dreamweaver og skiver i HTML, kan nogen hjælpe mig?

Det er til min side www.menscorner.dk.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Birger Sørensen (31-01-2009)
Kommentar
Fra : Birger Sørensen


Dato : 31-01-09 12:10

Otto Motzfeldt tastede følgende:
> Hej alle.
>
> Jeg arbejder på at få automatisk slideshow af baggrundsbillede på
> en del af forsiden, f.eks. skal den starte med img1. Det er
> vigtigt for mig at den altid starter med det samme billede,
> resten af de f.eks. 4 billeder, kan godt være random.
>
> Jeg bruger Dreamweaver og skiver i HTML, kan nogen hjælpe mig?
>
> Det er til min side www.menscorner.dk.

Du er nødt til at have en eller anden form for scripting.
HTML er statisk - bortset fra de muligheder css giver ved hover, er det
ikke muligt at ændre indholdet.

Javascript kan til gengæld nemt løse dit problem.
Du skal give det element der har baggrundsbilledet en id.
Med javascript kan du nu ændre baggrundsbilledet :
documet.getElementById( 'bg_id').style.backgrundImage = url(
'filnavn');
Noget id en stil, i hvert fald.
filnavne kan gemmes i et array og hentes med en random funktion - det
hele styres af en timer.

Næppe et problem - jeg kan se du har javascript i forvejen - både
scripting og en masses styles til formålet.
Men det kniber lidt med at se at det faktisk bruges til noget på
siden...
Men det kan da være det kommer.
Personligt syntes jeg måske, det er lidt meget at gøre ud af en samling
link?
Boys will be boys. Men der er altså forskel på "boys" og "men"...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Ace (31-01-2009)
Kommentar
Fra : Ace


Dato : 31-01-09 21:22

Otto Motzfeldt wrote in dk.edb.internet.webdesign.clientside:
> Hej alle.
>
> Jeg arbejder på at få automatisk slideshow af baggrundsbillede på
> en del af forsiden, f.eks. skal den starte med img1. Det er
> vigtigt for mig at den altid starter med det samme billede,
> resten af de f.eks. 4 billeder, kan godt være random.
>
> Jeg bruger Dreamweaver og skiver i HTML, kan nogen hjælpe mig?
>
> Det er til min side www.menscorner.dk.

Prøv det her:
<html>
<head>
<script type="text/javascript">
var slidespeed=5000 //specify interval between slide (in mili
seconds)   
var slideimages=new
Array("/yourimage1.gif","/yourimage2.gif","/yourimage3.gif") //add
as many pictures as you like
var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]}
</script>
</head>
<body>
<img src="/yourimage1.gif" name="slide" border="0"
style="filter:blendTrans(duration=3); width="100%" height="100%">
<script type="text/javascript">
var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*5000
: 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)}
slideit()
</script>
</body>
</html>

.. håber du kan bruge det :)



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger Sørensen (31-01-2009)
Kommentar
Fra : Birger Sørensen


Dato : 31-01-09 23:20

Ace tastede følgende:
> Otto Motzfeldt wrote in dk.edb.internet.webdesign.clientside:
>> Hej alle.
>>
>> Jeg arbejder på at få automatisk slideshow af baggrundsbillede på
>> en del af forsiden, f.eks. skal den starte med img1. Det er
>> vigtigt for mig at den altid starter med det samme billede,
>> resten af de f.eks. 4 billeder, kan godt være random.
>>
>> Jeg bruger Dreamweaver og skiver i HTML, kan nogen hjælpe mig?
>>
>> Det er til min side www.menscorner.dk.
>
> Prøv det her:
> <html>
> <head>
> <script type="text/javascript">
> var slidespeed=5000 //specify interval between slide (in mili
> seconds)   
> var slideimages=new
> Array("/yourimage1.gif","/yourimage2.gif","/yourimage3.gif") //add
> as many pictures as you like
> var imageholder=new Array()
> var ie=document.all
> for (i=0;i<slideimages.length;i++){
> imageholder[i]=new Image()
> imageholder[i].src=slideimages[i]}
> </script>
> </head>
> <body>
> <img src="/yourimage1.gif" name="slide" border="0"
> style="filter:blendTrans(duration=3); width="100%" height="100%">
> <script type="text/javascript">
> var whichlink=0
> var whichimage=0
> var blenddelay=(ie)? document.images.slide.filters[0].duration*5000
>> 0
> function slideit(){
> if (!document.images) return
> if (ie) document.images.slide.filters[0].apply()
> document.images.slide.src=imageholder[whichimage].src
> if (ie) document.images.slide.filters[0].play()
> whichlink=whichimage
> whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
> setTimeout("slideit()",slidespeed+blenddelay)}
> slideit()
> </script>
> </body>
> </html>
>
> . håber du kan bruge det :)

Det ændrer da vist ikke på noget baggrundsbillede...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Ace (01-02-2009)
Kommentar
Fra : Ace


Dato : 01-02-09 14:16

Birger Sørensen udpegede:

> Det ændrer da vist ikke på noget baggrundsbillede...

Nej, det ændrer selvfølgelig ikke på en eventuel background-url man
måtte have i body-tag'et.. men med lidt css kan man jo sagtens gøre
img'en til "baggrundsbilledet" :)



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger Sørensen (01-02-2009)
Kommentar
Fra : Birger Sørensen


Dato : 01-02-09 14:38

Ace skrev den 01-02-2009:
> Birger Sørensen udpegede:
>
>> Det ændrer da vist ikke på noget baggrundsbillede...
>
> Nej, det ændrer selvfølgelig ikke på en eventuel background-url man
> måtte have i body-tag'et.. men med lidt css kan man jo sagtens gøre
> img'en til "baggrundsbilledet" :)

Nej det kan man ikke.
Man kan indsætte et billede bagved et andet elements indhold. Det får
aldrig noget med baggrund at gøre, selv om det måske ser sådan ud på
skærmen.
Og nu var det specifikt ændring af baggrundsbilledet der blev spurgt
om, sådan som jeg læser det...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



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