CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Urte Nybegynder

21. september 2011 - 11:43 Der er 14 kommentarer

skift af billeder i htlm/css

hej

Jeg står med et problem.

Jeg er igang med at lave en hjemmeside, men kan ikke få mine koder til at virke. Jeg vil gerne have en banner som der skifter efter 5-7 sek så kommer der er en banner op, dette sker med 5-6 forskellige banner.

Hvordan gør jeg dette?

På forhånd tak :)

Synes godt om

tobrukDk Novice

21. september 2011 - 11:46 #1

kan du prøve og komme et f.eks?

Synes godt om

majbom Novice

21. september 2011 - 11:47 #2

http://www.google.dk/search?q=javascript+ad+rotator&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:da:official&client=firefox-a ?

Synes godt om

Urte Nybegynder

21. september 2011 - 11:48 #3

Ja , jeg kunne tænke mig det var noget i stil med, www.kvickly.dk som den store banner som der skifter mellem nogle forskellige

Synes godt om

agf2413 Nybegynder

21. september 2011 - 11:49 #4

Lyder ikke som noget der kan laves i html eller css alene. Skal nok nogte java til som #splazz linker til eller flash eller sådan noget.

Synes godt om

Urte Nybegynder

21. september 2011 - 11:49 #5

okay dette var et dårlig eksempel da det lige er stoppet med det :( finder lige et andet

Synes godt om

Urte Nybegynder

21. september 2011 - 11:51 #6

http://computerware.dk/index/ her er et bedre eksempel

Synes godt om

majbom Novice

21. september 2011 - 11:53 #7

måske dette kan bruges:
http://www.barelyfitz.com/projects/slideshow/
? det bruger jeg selv til simple slideshows

-> #4 - nu er vi også i javascript-kategorien :)

Synes godt om

Urte Nybegynder

21. september 2011 - 11:54 #8

den skal bare kunne skifte automatisk

Synes godt om

agf2413 Nybegynder

21. september 2011 - 11:57 #9

Ja okay, var mere overskriften.
Lød som om han ville gøre det i html/css.
"skift af billeder i htlm/css"

Men havde ikke lige set det andet, min fejl :P

Synes godt om

niklask Nybegynder

21. september 2011 - 12:53 #10

<html>
<head>
<script src="[code]http://code.jquery.com/jquery-latest.min.js[/code]">
</script>
<script>
function swapImages(){
var $active = $('#myGallery .active');
var $next = ($('#myGallery .active').next().length > 0) ? $('#myGallery .active').next() : $('#myGallery img:first');
$active.fadeOut(function(){
$active.removeClass('active');
$next.fadeIn().addClass('active');
});
}

$(document).ready(function(){
setInterval('swapImages()', 5000);
}
</script>
<style>
#myGallery{
position:relative;
width:400px;
height:300px;
}
#myGallery img{
display:none;
position:absolute;
top:0;
left:0;
}
#myGallery img.active{
display:block;
}
</style>
</head>
<body>
<div id="myGallery">
<img src="image1.jpg" class="active" />
<img src="image2.jpg" />
<img src="image3.jpg" />
</div>
</body>
</html>

- Sæt dine billeder ind istedet, ændre størrelsen på dem i <style>-tagget og det skulle virke :)

Synes godt om

Urte Nybegynder

21. september 2011 - 19:27 #11

Tak skal i have :)

Synes godt om

majbom Novice

21. september 2011 - 20:06 #12

selv tak - er der noget af det du kan bruge?

Synes godt om

olebole Juniormester

21. september 2011 - 22:25 #13

<ole>

- men husk en DTD og type attributter på style og script tags *o)

/mvh
</bole>

Synes godt om

niklask Nybegynder

23. september 2011 - 09:18 #14

Fik du løst problemet?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS