/ 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
pop-up centrering
Fra : Maria Leger


Dato : 30-04-05 10:15

Jeg har lavet en hjemmeside til min far hvor han præsentere sine
fotos. Alle billeder ligger som thumbnails og når man vil se
billederne skal man klikke på billederne som så popper up. Lige
nu gøres det sådan http://www.florient.dk/2indien.html men jeg
fandt et smart script her i nyhedsgruppen som selv sætter
størrelsen på pop-up vinduet og det fungere
http://www.florient.dk/1indien.html (se de tre første billeder)
Mit problem er at det nye script ikke centrere pop-up billedet
ligesom det gamle pop-up og det ville jeg jo gerne have det til.
Er der nogen som kan hjælpe mig???

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Tomasz Otap (30-04-2005)
Kommentar
Fra : Tomasz Otap


Dato : 30-04-05 12:26

Maria Leger wrote:
> ligesom det gamle pop-up og det ville jeg jo gerne have det til.
> Er der nogen som kan hjælpe mig???

Hej Maria

Du skal bare klippe og klistre lidt på en kreativ måde. :) Her er en mix
af de to scripts, der både sætter vinduesstørrelsen og centrerer det på
skærmen. Den skal ind i stedet for din gamle Show(filename,winTitle).

- kode start ----------

function Show(filename,winTitle)
{
// Hent billedet
var myImage = new Image();
myImage.src=filename;

// Find skærmposition
posX = Math.round(((screen.width/2)-(myImage.width/2)));
posY = Math.round(((screen.height/2)-(myImage.height/2)));
properties = 'width='+(myImage.width+20)+
',height='+(myImage.height+20)+
',left='+posX+',top='+posY;

var imgWindow = window.open('','',properties);

// Indsæt default titel, hvis mangler
if (!winTitle) { winTitle = 'Billede'; }

html = '<html><head><title>'+winTitle+'</title></head>';
html += '<body>';
html += '<img src="'+myImage.src+
'" width="'+myImage.width+
'" height="'+myImage.height+
'" alt="Billede" name="Billede" onclick="self.close();">';
html += '</body></html>';

// Indsæt HTML for siden
imgWindow.document.write(html);
}

- kode slut ---------------

t

Maria Leger (30-04-2005)
Kommentar
Fra : Maria Leger


Dato : 30-04-05 15:21

Det ser SUPER ud tak for hjælpen. Var nok ikke helt så kreativ selv

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Johnny Winther Ronne~ (30-04-2005)
Kommentar
Fra : Johnny Winther Ronne~


Dato : 30-04-05 13:10


"Maria Leger" <info@detlegerdesign.dk> skrev i en meddelelse
news:42734c89$0$79457$14726298@news.sunsite.dk...
> Jeg har lavet en hjemmeside til min far hvor han præsentere sine
> fotos. Alle billeder ligger som thumbnails og når man vil se
> billederne skal man klikke på billederne som så popper up. Lige
> nu gøres det sådan http://www.florient.dk/2indien.html men jeg
> fandt et smart script her i nyhedsgruppen som selv sætter
> størrelsen på pop-up vinduet og det fungere
> http://www.florient.dk/1indien.html (se de tre første billeder)
> Mit problem er at det nye script ikke centrere pop-up billedet
> ligesom det gamle pop-up og det ville jeg jo gerne have det til.
> Er der nogen som kan hjælpe mig???
>

Her er de to script samlet i et.

<script language="JavaScript" type="text/javascript">
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)

function Show(filename,winTitle,win_height,win_width)
{
var pos_horizon = ((screen.width/2)-(win_width/2));
var pos_vertical = ((screen.height/2)-(win_height/2));
var myImage = new Image();
myImage.src=filename;

properties="width="+win_width+",height="+win_height+",top="+pos_vertical+",l
eft="+pos_horizon;
var imgWindow = window.open('',winTitle,properties);

html = '<html>';
html += '<head>';
html += '<title>'+winTitle+'</title>';
html += '</head>';
html += '<body topmargin="5" marginheight="0" leftmargin="5"
marginwidth="0">';
html += '<img src="'+myImage.src+'"
onLoad="resizeTo(document.bilde.width+20,document.bilde.height+60);"
name="bilde" OnClick="self.close();">';
html += '</body>';
html += '</html>';

imgWindow.document.write(html);
}
</script>

<td><a
href="javascript:Show('billeder/1indien/102.jpg','mitvindue','525','370')"><
img src="billeder/1indien/thumbnails/102.jpg" alt="" border="0"></a></td>

Den sidste linie viser hvorledes html koden skal rettes

Med venlig hilsen
Johnny Winther Ronnenberg



Tomasz Otap (30-04-2005)
Kommentar
Fra : Tomasz Otap


Dato : 30-04-05 13:26

Johnny Winther Ronnenberg wrote:
> href="javascript:Show('billeder/1indien/102.jpg','mitvindue','525','370')"><
> img src="billeder/1indien/thumbnails/102.jpg" alt="" border="0"></a></td>

Men det kræver jo stadigvæk, at man angiver størrelsen på billedet... ;)
Så kan man jo lige så godt fortsætte med at bruge den oprindelige script.

t

Johnny Winther Ronne~ (30-04-2005)
Kommentar
Fra : Johnny Winther Ronne~


Dato : 30-04-05 18:30


"Tomasz Otap" <tomasz@otap.justRemoveThis.dk> skrev i en meddelelse
news:427379ef$0$67259$157c6196@dreader2.cybercity.dk...
> Johnny Winther Ronnenberg wrote:
> >
href="javascript:Show('billeder/1indien/102.jpg','mitvindue','525','370')"><
> > img src="billeder/1indien/thumbnails/102.jpg" alt=""
border="0"></a></td>
>
> Men det kræver jo stadigvæk, at man angiver størrelsen på billedet... ;)
> Så kan man jo lige så godt fortsætte med at bruge den oprindelige script.
>

Bortset fra at det centrerer, hvilket var ønsket som jeg læste det. Men du
har ret der findes mere elegante måder at håndtere det på. Men hvis man blot
er ude efter noget der virker, som kan kopieres direkte ind så var mit
forslag ikke det ringeste. Med det undgår man at et for stort billede ikke
kan vises på skærmen.

Jeg foretrækker selv, at billederne er tilpasset til skærmvisning, så man
ikke behøver at spekulere på hverken bredde eller højde. Hvis man gør det,
skal man kun bekymre sig om højden af hensyn til billeder i højformat og
skiftende skærmstørrelser.

Med venlig hilsen
Johnny Winther Ronnenberg



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste