Avatar billede k-asp-er Nybegynder
09. september 2006 - 18:16 Der er 27 kommentarer og
1 løsning

Imageslide mangler alt- og/eller titletags

Jeg ville gerne anvende følgende script, men jeg mangler, at man kan se en alternativ tekst, når musen er over billedet.

Kildekode:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Mvh.
k-asp-er
Avatar billede k-asp-er Nybegynder
09. september 2006 - 18:25 #1
HJÆÆLP
Avatar billede mclemens Nybegynder
09. september 2006 - 20:35 #2
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

var tmptitle=(this.theimages[picindex][3]!=undefined)?this.theimages[picindex][3]:"";

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" title="'+tmptitle+'">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}







og:


var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new","titeltekst"] //image with link and target syntax and title text
Avatar billede mclemens Nybegynder
09. september 2006 - 20:37 #3
Nu lavede jeg en title tekst ... ved ikke om det skulle være en alternativ tekst - hvis det er tilfældet er det ovenstående men:

slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" title="'+tmptitle+'">'

rettet til:

slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" alt="'+tmptitle+'">'
Avatar billede k-asp-er Nybegynder
09. september 2006 - 22:00 #4
Kunne man tænke sig, at billeder kunne erstattes af Imagemaps?
Eller er den for kringlet.
Jeg tester ovenstående i løbet af et par timer
Avatar billede mclemens Nybegynder
09. september 2006 - 22:06 #5
Jeg har ikke rodet så meget med imagemaps ...
Tror det bliver lettere kringlet - eller rettere
det er nok lettere at scripte noget fra bunden af end
at tilrette - da: De forskellige area defineringer i
mappet sikkert også variere o.s.v.

...

Helt ok ;)
Avatar billede mclemens Nybegynder
09. september 2006 - 22:14 #6
Hmmm, det er måske bare:

slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" alt="'+tmptitle+'" usemap="#mapnavn">'
Avatar billede mclemens Nybegynder
09. september 2006 - 22:16 #7
... Men hvis area's skal skifte og ændres bliver det som sagt kringlet ...
Avatar billede k-asp-er Nybegynder
09. september 2006 - 22:31 #8
fadeshow er ikke defineret efter rettelserne
Avatar billede k-asp-er Nybegynder
09. september 2006 - 22:34 #9
Måske er det bare et  ;  der mangler et sted.
Avatar billede mclemens Nybegynder
09. september 2006 - 23:10 #10
Prøv denne:

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

var tmptitle=(this.theimages[picindex][3]!=undefined)?this.theimages[picindex][3]:"";

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" title="'+tmptitle+'">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
Avatar billede mclemens Nybegynder
09. september 2006 - 23:10 #11
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

var tmptitle=(this.theimages[picindex][3]!=undefined)?this.theimages[picindex][3]:"";

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" title="'+tmptitle+'">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
Avatar billede mclemens Nybegynder
09. september 2006 - 23:13 #12
... jeg ved ikke hvad det er eksperten præcis laver ... det var anden gang jeg forsøgte at indsætte det - eller rettere nok tredje da jeg havde kopieret fra et test eksempel som jeg nu har slettet - første gang jeg satte det ind ...

slideHTML='<a href="'+this.theimages[picindex][1]+"
... skal der være ' lige før " til sidst i ovenstående
... den retter det åbenbart ved postning???
Avatar billede k-asp-er Nybegynder
09. september 2006 - 23:27 #13
den påstår nu, at der mangler en }  ...
Avatar billede k-asp-er Nybegynder
09. september 2006 - 23:32 #14
Det virker perfekt
Min fejl - havde selv glemt } den...
Mange tak for hjælpen
Avatar billede mclemens Nybegynder
09. september 2006 - 23:33 #15
Velbekom, har lagt et svar ;)
(marker i boxen før du accepterer)
Avatar billede k-asp-er Nybegynder
09. september 2006 - 23:35 #16
Når du nu har fat i koden, så er den også her uden TITLE.

http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm

Jeg kan oprette et nyt spørgsmål, så du kan få lidt flere point på den.

Mvh
K-asp-er
Avatar billede mclemens Nybegynder
09. september 2006 - 23:43 #17
Nah, her:


function getslidehtml(theslide){
var slidehtml=""

var tmptitle=(theslide[3]!=undefined)?' title="'+theslide[3]+'" ':'';

if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img src="'+theslide[0]+'" border="0" '+tmptitle+'>'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}



og:


var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0]=["photo1.jpg", "http://www.cnn.com", "_new"]
slideshowcontent[1]=["photo2.jpg", "", ""]
slideshowcontent[2]=["photo3.jpg", "http://www.google.com", "","titlen"]
Avatar billede mclemens Nybegynder
09. september 2006 - 23:46 #18
^ - I ovenstående:
slidehtml='<a href="'+theslide[1]+" <- DEN BLIVER VED MED AT SLETTE!
slidehtml='<a href="'+theslide[1]+  '    "




Den tidligere bør måske også være noget i samme stil:



fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

var tmptitle=(this.theimages[picindex][3]!=undefined)?' title="'+this.theimages[picindex][3]+'"':'';

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px"'+tmptitle+'>'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
Avatar billede mclemens Nybegynder
09. september 2006 - 23:48 #19
slideHTML='<a href="'+this.theimages[picindex][1]+"
^ - Og det samme med den igen
slideHTML='<a href="'+this.theimages[picindex][1]+    '    "

... Nåh, jeg må hellere hoppe i seng - den driller nu lidt :/
(har aldrig oplevet det før ... det må være noget konvertering der kikser ved postning)

Nat, nat ;)
Avatar billede mclemens Nybegynder
09. september 2006 - 23:49 #20
Og mange tak for mange point :o)
Avatar billede k-asp-er Nybegynder
09. september 2006 - 23:59 #21
'" sletter '
Det andet virker også.
Det var ski da herligt
Tusind tak
Avatar billede k-asp-er Nybegynder
10. september 2006 - 00:00 #22
'&nbsp;" sletter '
Avatar billede k-asp-er Nybegynder
10. september 2006 - 00:00 #23
' " sletter '
Hola Eksperten
Avatar billede mclemens Nybegynder
10. september 2006 - 00:08 #24
Ja, jeg kan ikke se logik i det ...
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
Avatar billede mclemens Nybegynder
10. september 2006 - 00:09 #25
... Jep den går gal ved postning af den linje ...
I ovenstående står der
slideHTML='<a href="'+this.theimages[picindex][1]+  '  " target="'+this.theimages[picindex][2]+'">'
Men det virker pudsigt :D

...

Velbekom :)
Avatar billede k-asp-er Nybegynder
10. september 2006 - 02:08 #26
http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm

Det kunne være smart, hvis også den stoppede ved mouseover.
Hvad mener du om det?
Avatar billede mclemens Nybegynder
10. september 2006 - 14:08 #27
var trans_width='140px' //slideshow width
var trans_height='225px' //slideshow height
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster.
var transrun=true;




function getslidehtml(theslide){
var slidehtml=""

var tmptitle=(theslide[3]!=undefined)?' title="'+theslide[3]+'" ':'';

if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img src="'+theslide[0]+'" border="0" '+tmptitle+' onmouseover="transrun=false;" onmouseout="transrun=true;">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}






function rotateslide(){
if(transrun){

if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}
}
Avatar billede mclemens Nybegynder
10. september 2006 - 14:09 #28
Husk slidehtml='<a href="'+theslide[1]+"
-> slidehtml='<a href="'+theslide[1]+  ' "
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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