Notifikationer

Markér alle som læst Log ud

stig69 Nybegynder

14. juni 2003 - 22:11 Der er 18 kommentarer og
2 løsninger

Horizontalt image slide show

Ville høre om der nogen der har noget kode liggende til et horisontalt image show. Det jeg søger er et image show hvor der bliver vist 2-3 billeder ad gangen. Der skal så være en pil op og en pil ned til at fremvise det næste billede. Skal være horisontalt

Stig

Synes godt om

janemil Nybegynder

14. juni 2003 - 22:21 #1

http://www.dithered.com/javascript/slideshow/index.html

Hvad mener du med horisontalt?

Synes godt om

stig69 Nybegynder

14. juni 2003 - 22:26 #2

Jeg mente egentlig lodret med horizontalt, men det kan godt være at det er verticalt. Jeg er selv blevet i tvivl...

Jeg forstiller mig at der bliver vist 2-3 billeder ad gangen (lodret). Der skulle så være to pile til frem og tilbage. Men det er vigtigt at der hele tiden bliver fremvist 2-3 billeder og ikke kun et

Synes godt om

roenving Novice

14. juni 2003 - 22:33 #3

Den kode, som er i den kilde janemil peger på, er ret simpel og vil ikke kræve søvnløse nætter at rette til ...

Synes godt om

stig69 Nybegynder

14. juni 2003 - 22:37 #4

Goddag igen roenving ;-) Jeg har selv kigget på http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_array_next

Synes godt om

roenving Novice

14. juni 2003 - 22:44 #5

Jamen god'dadag

-- ja, det største problem med den er at den ikke, som Chris Nott (dithered.com)s løsning kører rundt !-)

Men begge kan sagtens bruges som udgangspunkt, men selve indsættelsen i siden er jo ikke uvæsentlig, så du vil godt have 3 under hinanden -- har de så samme størrelse, så du kan styre sidens udseende -- og er billederne så de eneste images på siden ?o]

Synes godt om

roenving Novice

14. juni 2003 - 22:50 #6

Se forøvrigt denne her, som 'bare' tager alle billeder og viser dem:
www.datadosen.se/jalbum

Synes godt om

stig69 Nybegynder

14. juni 2003 - 23:19 #7

Jo de har samme størrelse alle billeder og de er de eneste på siden.

Synes godt om

stig69 Nybegynder

14. juni 2003 - 23:36 #8

roenving--> Jeg tror nok jeg skal bruge lidt hjælp nu. Jeg har taget udgangspunkt i koden fra Chris Nott, som du anbefalede. Og har redigeret den til. Problemet er at når array'et når til vejs ende og skal begynde forfra går det ikke så¨godt - det går faktisk slet ikke. Her er hvad jeg har lavet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<head>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script type="text/javascript">
var slideshowSlides = new Array();
var slideshowCurrent = 0;

// Preload slideshow images
function slideshowInit() {
if (document.images) {
for (var i = 0; i < slideshowImageFiles.length; i++) {
slideshowSlides[i] = new Image();
slideshowSlides[i].src = slideshowImageDirectory + slideshowImageFiles[i];
}
}
}

// Show next slide
function slideshowForward() {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent++;
if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;
document.images.slideshow1.src = slideshowSlides[slideshowCurrent+1].src;
document.images.slideshow2.src = slideshowSlides[slideshowCurrent+2].src;
}
}

// Show previous slide
function slideshowBackward() {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent--;
if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
document.images.slideshow.src = slideshowSlides[slideshowCurrent].src;
document.images.slideshow1.src = slideshowSlides[slideshowCurrent+1].src;
document.images.slideshow2.src = slideshowSlides[slideshowCurrent+2].src;
}
}
</script>
</head>
<body marginwidth="0" marginheight="0" onload="slideshowInit();">
<script language="javascript" type="text/javascript">
var slideshowImageDirectory = '';
var slideshowImageFiles = new Array('1.gif', '2.gif', '3.gif', '4.gif');
</script>
<a href="java script: slideshowBackward();">back</a><br>
<img src="1.gif" name="slideshow" width="20" height="21" /><br>
<img src="2.gif" name="slideshow1" width="20" height="21" /><br>
<img src="3.gif" name="slideshow2" width="20" height="21" /><br>
<a href="java script: slideshowForward();">forward</a>
</body>
</html>

Synes godt om

roenving Novice

14. juni 2003 - 23:41 #9

Så se, hvad jeg kom op med, for jeg var lidt doven og besluttede at hans kom rundt om hjørnet var nemmere at bruge end at brygge en:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Slideshow</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
// Slideshow v1.0
// http://www.dithered.com/javascript/slideshow/index.html
// code by Chris Nott (chris@NOSPAMdithered.com - remove NOSPAM)
/* Modified 2003 by roenving
to support multiple slides pr. page
*/
var slideshowImageDirectory = '';
var slideshowImageFiles = new Array();
var numSlidesPerPage = 3;

var slideshowSlides = new Array();
var slideshowCurrent = 0;

// Preload slideshow images
function slideshowInit() {
if (document.images) {
for (var i = 0; i < slideshowImageFiles.length; i++) {
slideshowSlides[i] = new Image();
slideshowSlides[i].src = slideshowImageDirectory + slideshowImageFiles[i];
}
}
}

function prevPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideShowBackward(bilde);
}
}

function nextPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideShowForward(bilde);
}
}

// Show next slide
function slideshowForward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent++;
if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}

// Show previous slide
function slideshowBackward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent--;
if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="slideshowInit()">
<BR>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" ALIGN="center">
<TR>
<TD HEIGHT="25"><BUTTON onclick="prevPage()">Forrige</BUTTON> <BUTTON onclick="nextPage()">Næste</BUTTON></TD>
</TR>
<TR ALIGN="center" VALIGN="top">
<TD><IMG HEIGHT="150" src=""></TD>
</TR>
<TR>
<TD HEIGHT="25"> </TD>
</TR>

<TR ALIGN="center" VALIGN="top">
<TD><IMG HEIGHT="150" src=""></TD>
</TR>
<TR>
<TD HEIGHT="25"> </TD>
</TR>

<TR ALIGN="center" VALIGN="top">
<TD><IMG HEIGHT="150" src=""></TD>
</TR>
</TABLE>
</BODY>
</HTML>

-- kigger selvfølgelig lige på din !-)

Synes godt om

stig69 Nybegynder

14. juni 2003 - 23:55 #10

roenvig-->Jeg har prøvet at kigge på dit eksemple, men synes der kommer lidt fejlmeldinger??

Synes godt om

roenving Novice

14. juni 2003 - 23:58 #11

Hvilke ?-)

-- jeg må indrømme, at jeg ikke har testet det, for jeg har slet ikke nogle billeder liggende, og lige at skulle finde en hel masse ...

Synes godt om

stig69 Nybegynder

15. juni 2003 - 00:19 #12

Omkring SlideShowForward(bilde) i funktionen nextPage

function nextPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideShowForward(bilde);

Synes godt om

roenving Novice

15. juni 2003 - 00:29 #13

Synes godt om

stig69 Nybegynder

15. juni 2003 - 00:35 #14

Det virker squ' godt :-) Så er det tid til at dele point ud igen roenving. Kan du ligge et svar ind

Synes godt om

roenving Novice

15. juni 2003 - 00:37 #15

Muy bueno '-)

-- jeg ved ikke om du bemærkede det, men du vil sjældent komme til den samme side, når du forsøger at gå frem og tilbage, fordi naturen i Chris' 'kom-nu-rundt-om-hjørnet' er som den er ...

Synes godt om

stig69 Nybegynder

15. juni 2003 - 00:41 #16

Det betyder slet ikke noget. Det kommer folk aldrig til at ligge mærke til ;-)

Synes godt om

roenving Novice

15. juni 2003 - 00:42 #17

-- har du garanteret ret i ,o]

Synes godt om

roenving Novice

15. juni 2003 - 00:42 #18

-- og takker for point ;~}

-- godt du ikke overså janemil ;O)

Synes godt om

doggy82 Praktikant

15. juni 2003 - 13:53 #19

<tip class="lille">

Horisontalt er på samme led som horisonten

</tip> ;-)

Synes godt om

stig69 Nybegynder

15. juni 2003 - 13:56 #20

doggy82--> Du har ret. Men vi fik da løst problemet alligevel ;-)

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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