/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Lightbox
Fra : Thrane


Dato : 24-11-06 08:26

Hej

Jeg sidder og basker med et lightbox script jeg har fundet.
Det virker fint, men jeg vil gerne have det til at gøre "lidt" mere...

Et link til et billede ser således ud:

<a href="01.jpg" rel="lightbox[01]" title="billedtekst"><img src="01_th.jpg"
width="75" height="100" /></a>

I JS filen tager den "title" og laver om til billedcaption med nedenstående

var objCaption = document.createElement("span");
objCaption.setAttribute('id','caption','title');
objImageDetails.appendChild(objCaption);

Når den så senere skal vise denne tekst gøres det på denne måde:

Element.show('caption');
Element.setInnerHTML( 'caption', imageArray[activeImage][1]);

Mit ønsker er nu at kunne indsætte et link som "title" og derved får det
vist som caption OG med link der virker!

En venlig sjæl der kan gennemskue dette?
JS er slet ikke mit stærke område...

/Thrane




 
 
Martin (24-11-2006)
Kommentar
Fra : Martin


Dato : 24-11-06 08:58

Thrane wrote:
> Hej
>
> Jeg sidder og basker med et lightbox script jeg har fundet.
> Det virker fint, men jeg vil gerne have det til at gøre "lidt" mere...
>
> Et link til et billede ser således ud:
>
> <a href="01.jpg" rel="lightbox[01]" title="billedtekst"><img src="01_th.jpg"
> width="75" height="100" /></a>

<a href="01.jpg" rel="lightbox[01]" title="http://side.dk|Tekst">
src="01_th.jpg" width="75" height="100" /></a>

// Kan man skrive en http streng i et title tag mon?

http://side.dk = det der skal linkes til
| = en seperator - alt efter denne er det der skal skrives inde i <a
href...>HER</a>

>
> I JS filen tager den "title" og laver om til billedcaption med nedenstående
>
> var objCaption = document.createElement("span");
> objCaption.setAttribute('id','caption','title');
> objImageDetails.appendChild(objCaption);
>
> Når den så senere skal vise denne tekst gøres det på denne måde:
>
> Element.show('caption');
> Element.setInnerHTML( 'caption', imageArray[activeImage][1]);

Element.show('caption');
var capString = imageArray[activeImage][1];
var brokeString = capString.split("|");
Element.setInnerHTML( 'caption', '<a href=\'"+ brokeString[0] + "\'>" +
brokeString[1] + "</a>');

Noget ala dette skulle gerne virke.

Dog ka jeg ikk huske om det er brokeString[0] man henter det ud med
også skal der sikkert lige nogle
var brokeString = new Array; ind før kunne jeg forstille mig.

Men det er ihvertfald sådan jeg ville lave det.

PS: intet er testet :)

Thrane (24-11-2006)
Kommentar
Fra : Thrane


Dato : 24-11-06 10:18


"Martin" <maa@scandesigns.dk> wrote in message
news:4566a5f0$0$49197$14726298@news.sunsite.dk...
>
> Men det er ihvertfald sådan jeg ville lave det.
>
> PS: intet er testet :)

Tak for din hjælp, den gør dog ikke helt det ønskede:
http://thrane.nu/lightbox.asp

Forslag?

/Thrane



Martin (24-11-2006)
Kommentar
Fra : Martin


Dato : 24-11-06 14:31

Thrane wrote:
> "Martin" <maa@scandesigns.dk> wrote in message
> news:4566a5f0$0$49197$14726298@news.sunsite.dk...
>
>>Men det er ihvertfald sådan jeg ville lave det.
>>
>>PS: intet er testet :)
>
>
> Tak for din hjælp, den gør dog ikke helt det ønskede:
> http://thrane.nu/lightbox.asp
>
> Forslag?

var capString = imageArray[activeImage][1];
var brokeString = capString.split('|',2);
Element.setInnerHTML( 'caption', '<a href="'+ brokeString[0] + '">' +
brokeString[1] + '</a>');

nu virker det helt fint...
Problemet var at jeg havde fuckede ' og " lidt op

Thrane (24-11-2006)
Kommentar
Fra : Thrane


Dato : 24-11-06 16:46


"Martin" <maa@scandesigns.dk> wrote in message
news:4566f431$0$49197$14726298@news.sunsite.dk...
>
> nu virker det helt fint...
> Problemet var at jeg havde fuckede ' og " lidt op

Ja, nu spilelr det!
Tusind tak...

Hvis jeg må berøve dig for lidt mere tid:

Der er en lukke funktion der hedder:
myLightbox.end();
Kan den kobles på linket, sådan at klik på det åbner siden og lukker
lightbox?

Og en sidste ting (tror jeg!)...
Brugen af title gør at man jo kan se den som alt tekst.
Er der nogen vej uden om det?

/Thrane



Thrane (24-11-2006)
Kommentar
Fra : Thrane


Dato : 24-11-06 17:04


"Thrane" <noreply@noreply.dk> wrote in message
news:456713c0$0$12663$edfadb0f@dread14.news.tele.dk...
>
> Og en sidste ting (tror jeg!)...
> Brugen af title gør at man jo kan se den som alt tekst.
> Er der nogen vej uden om det?
>
> /Thrane
>

Den del kunne jeg løse ved at sætte alt="" på img.

Men så en anden sidste ting...

Billedet vises med dette:

showImage: function(){
Element.hide('loading');
new Effect.Appear('lightboxImage', { duration: 0.5, queue: 'end',
afterFinish: function(){ myLightbox.updateDetails(); } });
this.preloadNeighborImages();
},

Kunne linket fra tidligere også komme på der?

/Thrane



Martin (24-11-2006)
Kommentar
Fra : Martin


Dato : 24-11-06 20:31

Thrane wrote:
> "Thrane" <noreply@noreply.dk> wrote in message
> news:456713c0$0$12663$edfadb0f@dread14.news.tele.dk...
>> Og en sidste ting (tror jeg!)...
>> Brugen af title gør at man jo kan se den som alt tekst.
>> Er der nogen vej uden om det?
>>
>> /Thrane
>>
>
> Den del kunne jeg løse ved at sætte alt="" på img.
>
> Men så en anden sidste ting...
>
> Billedet vises med dette:
>
> showImage: function(){
> Element.hide('loading');
> new Effect.Appear('lightboxImage', { duration: 0.5, queue: 'end',
> afterFinish: function(){ myLightbox.updateDetails(); } });
> this.preloadNeighborImages();
> },
>
> Kunne linket fra tidligere også komme på der?

Bum.. den bliver nok lidt for svær til mig. Så den kan jeg ikke løse,
men hvorfor vil du egentlig have det der?

Thrane (24-11-2006)
Kommentar
Fra : Thrane


Dato : 24-11-06 21:53


"Martin" <news@natten-i.dk> wrote in message
news:45674828$0$49202$14726298@news.sunsite.dk...

>
> Bum.. den bliver nok lidt for svær til mig. Så den kan jeg ikke løse,
> men hvorfor vil du egentlig have det der?

Helt i orden, du har allerede hjulpet mig rigtig meget!
Har du evt. et forslag til om man kan benytte noget andet end title?
For den forsvinder fint nok med alt="" i IE men ikke i FF eller Opera...

Grunden til jeg gerne vil sætte link på billedet, er at jeg vil benytte
denne lightbox function til reklame pop-ups.
Hvis du kigger igen på http://thrane.nu/lightbox.asp, kan du se jeg har et
par test reklamer.
Med Lightbox, slipper man for pop-up-blokkere!

Du nævnte tidligere det med HTML tags i Title...
Det virker fint, som du kan se på Expert-reklamen.

/Thrane



Martin (24-11-2006)
Kommentar
Fra : Martin


Dato : 24-11-06 23:33

Thrane wrote:
> "Martin" <news@natten-i.dk> wrote in message
> news:45674828$0$49202$14726298@news.sunsite.dk...
>
>> Bum.. den bliver nok lidt for svær til mig. Så den kan jeg ikke løse,
>> men hvorfor vil du egentlig have det der?
>
> Helt i orden, du har allerede hjulpet mig rigtig meget!
> Har du evt. et forslag til om man kan benytte noget andet end title?
> For den forsvinder fint nok med alt="" i IE men ikke i FF eller Opera...

Jeps - det er faktisk en "fejl" i IE.
Alt tags = Alternativ tekst istedet for billedet (mobiltelefoner som
ikke accepterer billeder fx - og selvfølgelig hvis billedet ikke findes)

title = ja - en titel :) - Title tags kan også sættes på mange andre
tags, fx <h1> <a> osv osv.

Du kan garanteret via javascript fjerne title tagget - Du kan evt se på
nedenstående link hvordan man kan tilføje/erstatte/fjerne en masse via
javascript og DOM-træet.
<http://scandesigns.dk/billedetest/>
En side jeg lavede for at lege med javascript - faktisk mit første
seriøse forsøg på at lege med javascript - og jeg synes da det er
lykkedes meget godt.

Så måske noget med noget
billede = getElementById('billedeID');
billede.title = '';
kunne måske virke

>
> Grunden til jeg gerne vil sætte link på billedet, er at jeg vil benytte
> denne lightbox function til reklame pop-ups.
> Hvis du kigger igen på http://thrane.nu/lightbox.asp, kan du se jeg har et
> par test reklamer.
> Med Lightbox, slipper man for pop-up-blokkere!

Så slår man bare javascript fra :P

Thrane (25-11-2006)
Kommentar
Fra : Thrane


Dato : 25-11-06 00:01


"Martin" <news@natten-i.dk> wrote in message
news:456772dd$0$49203$14726298@news.sunsite.dk...
> Du kan garanteret via javascript fjerne title tagget - Du kan evt se på
> nedenstående link hvordan man kan tilføje/erstatte/fjerne en masse via
> javascript og DOM-træet.
> <http://scandesigns.dk/billedetest/>
> En side jeg lavede for at lege med javascript - faktisk mit første
> seriøse forsøg på at lege med javascript - og jeg synes da det er
> lykkedes meget godt.
>
> Så måske noget med noget
> billede = getElementById('billedeID');
> billede.title = '';
> kunne måske virke
>

Det vil jeg lige undersøge nærmere!
Igen tak!

>>
>> Grunden til jeg gerne vil sætte link på billedet, er at jeg vil benytte
>> denne lightbox function til reklame pop-ups.
>> Hvis du kigger igen på http://thrane.nu/lightbox.asp, kan du se jeg har
>> et
>> par test reklamer.
>> Med Lightbox, slipper man for pop-up-blokkere!
>
> Så slår man bare javascript fra :P

Ja, men jeg tror "alm." mennesker først og fremmest har blokkere og ikke
lige ved hvordan jaavscript slåes...

/Thrane



Søg
Reklame
Statistik
Spørgsmål : 177459
Tips : 31964
Nyheder : 719565
Indlæg : 6408181
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste