08. september 2002 - 22:05Der er
15 kommentarer og 1 løsning
Billefremviser med variabel tekst
Hej eksperter!
Jeg søger en billed fremviser i html/java som fungerer efter forrige/næste-knap princippet. Hagen er så at jeg vil gerne kunne skrive en kort tekst under hvert billede uden at jeg skal lave en helt ny html-fil til det. Kan det lade sig gøre at angive i selve html-filen hvad der skal stå under hvert billede. Så noget lignende det her kan komme med i html-filen:
Billede1.jpg: Her er min hund Billede2.jpg: Her er min kat Billede3.jp3: Her er min fugl
osv osv...
Billederme har desuden forskellige størrelser, så det skal der evt også tages højde for?
<center><font SIZE="+2"><b>Beredskabsstævne i Sakskøbing</b></font></center>
<!-- Start: ligHTCC's Image Sequence Gallery -->
<!-- You are welcome to copy and use this script as you like but leave this note and my email in it unless you make *R*E*A*L* changes in the script. best JakobA jakob.aggernaes@get2net.dk --> <script LANGUAGE="JavaScript"> <!--
//alert ( "starting Image Sequence script" );
function ligHTCCsvars () { this.preloads = 0; // used to preload next image this.doneImage = 0; // set to 1 when preload done this.timerId = 0; // interrupt admin. Do not touch this.txq = 0; // nr of image currently displayed this.txpic = " "; this.txtxt = " "; this.txaux = " "; // temporaries for building strings return this; }; //end ligHTCCsvars
function imgElem (addr, where, tekst) { this.URL = addr; // image to be shown this.where = where; // text on which side of image? // "right", "left", "abowe", "below" this.tekst = tekst; // text for this image return this; };
var ligHTCCs = new Array( new ligHTCCsvars(), // my local variables. Do not touch
// Below you put in your image urls and texts. // URL written as would work in a link on the page (<A href=...>) // Each text is one long line. No returns are permitted within the texts //
new imgElem( "forplej10.jpg", 'below', "teksten skrives i en streng her"),
new imgElem( "forplej03.jpg", 'abowe', "javascript har en del regler for tekster"),
new imgElem( "forplej02.jpg", 'below', "du kan ikke skrive ' i en streng omkranset af '-tegn"),
new imgElem( "femkmp01.jpg", 'abowe', 'eller " i en streng omkranset af "-tegn'),
new imgElem( "femkmp02.jpg", 'below', "men så kan ju sætte den anden slags gåseøjne rundtom"),
new imgElem( "femkmp04.jpg", 'abowe', "eller escape med \\, \" så er det ok.") );
with ( ligHTCCs[0] ) { txq = 'nn'; if ( location.search.length > 1 ) txq = parseInt( eval( "location.search.substring(1,location.search.length)")); if ( typeof( txq ) != 'number' ) txq = 1; // the default value (no parameter) if ( 0 >= txq ) txq = 1 else if (txq >= ligHTCCs.length) txq = 1; }; // with ...
function preLoad() { with ( ligHTCCs[0] ) { if ( typeof( preloads ) == 'number' ) { if ( ligHTCCs.length-1 > txq) { // start preload of next image //alert('preLoad started'); preloads = new Image(); preloads.src = ligHTCCs[txq+1].URL; doneimage = 0; } else { // last image. no more to load doneimage = 1; }; // if-2 } else { doneimage = (preloads.complete)?1:0; }; // if-1 if ( doneimage == 0 ) { timerId = setTimeout("preLoad()",100); }; }; // with (...) }; //end preLoad()
Er det muligt at sætte Næste- og Forrige-knappen på henholdvis højre og venstre side af billedet og centrere vertikalt i forhold til siden?
Jeg har forsøgt mig med noget ramme-værk, men sådan som koden er opbygget synes jeg næsten det er umuligt at ændre noget uden at siden kommer til at ligne røven på en hest!
Hvad skal der gøres (i ovenstående script)?
Jeg kan gost sætte lidt flere point af, hvis det skal være...
Ja det er muligt, men der er en komplikation der lige skal gennemtænkes. Som de links er udformet i øjeblikket bliver de ikke skrevet for enderne af sekvensen hvor der ikke er noget forrige/næste billede. Og det ville gøre placeringen af billedet skæv i de situationer.
En mulig løsning er at lade sekvensen gå i ring så 'næste' blev skrevet ved sidste billede og førte til det første (og omvendt ved forrige på første billede); men ville det passe med din billedsekvens?
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.