Søg
Avatar billede para7 Nybegynder
13. februar 2010 - 13:35 Der er 3 kommentarer og
1 løsning

Horizontal image og tekst scroller

Jeg har ledt efter en scroller, som er flash lignende, fx som http://www.benjaminkeen.com/software/image_scroller/
Altså med både billede og tekst, og så man kan scrolle sidelæns hvis man peger i hver side af scrolleren. den må være ret let at sætte billeder ind i. det ideelsse var at man bare lade billeder ind i en mappe og de blev indlæst.
Nogen ideer?
Avatar billede claes57 Ekspert
13. februar 2010 - 15:32 #1
en start kan være denne fra coffeecup:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>
<!-- Begin Image Slideshow Script -->
<script type="text/javascript">
var n = 0;

timedelay = 3;  // 3 secs between pics
timedelay *= 1000;

windowprops = "top=250,left=15,width=200,height=200"; // customize the popup window here

var imgs = new Array();
imgs[0] = "http://www.your-site.com/images/image1.gif";
imgs[1] = "http://www.your-site.com/images/image2.gif";
imgs[2] = "http://www.your-site.com/images/image3.gif";
imgs[3] = "http://www.your-site.com/images/image4.gif";

var page = new Array();
page[0] = "http://www.your-site.com/page1.html";
page[1] = "http://www.your-site.com/page2.html";
page[2] = "http://www.your-site.com/page3.html";
page[3] = "http://www.your-site.com/page4.html";

function hook() {
  var p = (n == 0) ? page[page.length-1] : page[n-1];
  window.open(p,"",windowprops);

// or, instead of opening a new window,
// send them to the new page instead with:
// document.location.href = p;
}

function rotate() {
  document.picform.slideshow.src = imgs[n];
  (n == (imgs.length - 1)) ? n = 0 : n++;
  window.setTimeout("rotate()", timedelay);
}
window.onload = rotate;
</script>
<!-- End Image Slideshow Script --></head>
<body>
<!-- Begin Slideshow -->
<center>
<form name="picform">
<a href="java script:hook();"><img name="slideshow" src="pic.gif"></a>
</form>
</center>
<!-- End Slideshow -->
</body>
</html>
Avatar billede claes57 Ekspert
13. februar 2010 - 15:34 #2
pas lige på koden - linjen
<a href="java script:hook();"><img name="slideshow" src="pic.gif"></a>

javascript er i et ord - men eksperten retter det.
Avatar billede para7 Nybegynder
13. februar 2010 - 17:37 #3
Tak, men det skal være en horisontal scroller.
Har fundet een der lige skulle bygges om lidt, som jeg godt kan bruge: http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm
Avatar billede para7 Nybegynder
14. februar 2010 - 17:36 #4
OK og tak, jeg lukker. Fandt noget selv.
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
I går 08:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
10/0421:19 Lydindstilling Prosonic TV Af TageArent i Fjernsyn & projektorer
10/0415:37 Sort skærm Af mort1 i Windows
09/0412:32 iPadOS 26.4.1 kan ikke opdatere Af claes57 i Apps til iOS
White papers
Flere white papers »