Avatar billede thadoews Nybegynder
26. februar 2014 - 11:50 Der er 2 kommentarer

Roterende billedgalleri med tilhørende tekst og link

Hej eksperter!

Jeg har fundet et script som kan vise et billede og samtidig gøre billedet til et link, som går til en given side og der samtidig bliver vist en smule tekst under billedet. Det er hvad jeg ønsker mig at det skal gøre. Problemet er at jeg ikke har set scriptet virke og jeg kan heller ikke få det til at virke optimalt.

Hvad jeg kan få det til er at vise et omrids af et billede med et link, som ikke er det tilhørende og selve teksten, som skal stå under billedet, kommer ikke frem.
Jeg vil gerne bruge "alt"-attributten i <IMG>, men når jeg gør det, så kommer kun "alt"-attributten frem i stedet for billedet. Dette stykke tekst er dog linket, men også et vidt tilfældigt link af mine 10 links/billeder/tekst.

Hvad jeg også kunne ønske mig, men som ikke er et krav, er at billeder skifter ved et tidsinterval og ikke som nu ved at genindlæse browseren/skifte side.

Jeg har normalt mit script i en ekstern fil, men bringer her det samlede Javascript, som jeg har.

Jeg har mit script i en jsfiddle: http://jsfiddle.net/2M9dr/

Men også her:

<script language="JavaScript" type="text/JavaScript">
var imagenumber = 10 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;

images = new Array;
images[1] = "/img/rot3gal/cash.jpg";
images[2] = "/img/rot3gal/carinjo.jpg";
images[3] = "/img/rot3gal/casillas.jpg";
images[4] = "/img/rot3gal/churchill.tif";
images[5] = "/img/rot3gal/colman.jpg";
images[6] = "/img/rot3gal/concosmos.jpg";
images[7] = "/img/rot3gal/cooper.jpg";
images[8] = "/img/rot3gal/corlando.jpg";
images[9] = "/img/rot3gal/magicmemphis.jpg";
images[10] = "/img/rot3gal/sidney.jpg";
var image = images[rand1];

links = new Array;
links[1] = "http://www.stutteri-volstrup.dk/cash.shtml";
links[2] = "http://www.stutteri-volstrup.dk/carinjo.shtml";
links[3] = "http://www.stutteri-volstrup.dk/casillas.shtml";
links[4] = "http://www.stutteri-volstrup.dk/churchill.shtml";
links[5] = "http://www.stutteri-volstrup.dk/colman.shtml";
links[6] = "http://www.stutteri-volstrup.dk/concosmos.shtml";
links[7] = "http://www.stutteri-volstrup.dk/cooper.shtml";
links[8] = "http://www.stutteri-volstrup.dk/corlando.shtml";
links[9] = "http://www.stutteri-volstrup.dk/magicmemphis.shtml";
links[10] = "http://www.stutteri-volstrup.dk/sidney.shtml";
var link = links[rand1];

var Quotation=new Array();

Quotation[1] = "Volstrups Cash";
Quotation[2] = "Carinjo DVH 847";
Quotation[3] = "Volstrups Casillas DVH 928";
Quotation[4] = "Churchill EDH 475";
Quotation[5] = "Colman";
Quotation[6] = "Con Cosmos DVH 898";
Quotation[7] = "Blejsbjergs Cooper DVH 874";
Quotation[8] = "Corlando EDH 476";
Quotation[9] = "Magic Memphis";
Quotation[10] = "Sidney DH 412";

var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1));
function showQuotation(){ return Quotation[whichQuotation];}
</script>


Det script jeg bruger til at vise billeder og links:

<script language="JavaScript" type="text/JavaScript">
document.write('<A HREF="' + link + '"><IMG SRC="' + image + '" alt="' + showQuotation() + '" border="0" width="110" height="90"></a>')
</script>


Script der skulle vise min tekst:

<script language="JavaScript" type="text/JavaScript">
showQuotation();
</script>


Håber i vil kaste et blik på det :)
Avatar billede jakobdo Ekspert
26. februar 2014 - 12:50 #1
Kunne du ikke kigge på noget ala: http://ryrych.github.io/rcarousel/
Avatar billede jakobdo Ekspert
26. februar 2014 - 13:12 #2
Eller måske noget ala: http://jsfiddle.net/h63jF/
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

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