Gå til innhold

problem med HTML galleri, trenger hjelp


Anbefalte innlegg

Skrevet (endret)

Hei jeg driver på med ett galleri for sia mi og tenkte at jeg skulle gjøre dette med HTML

se vedlegget mitt..

det er det jeg har så langt men i den <iframe> delen der skal bildene komme og når man trykker på pilene på bildet til høyre skal det neste bildet i galleri mappen min komme fram og når man trykker tibake så går man ett bilde tilbake..

men jeg får ikke dette helt til..

post-110980-1180026610_thumb.jpg

Endret av effortfilm
Videoannonse
Annonse
Skrevet

Heisann!

 

Det finnes mange forskjellige muligheter å gjøre det på. Og det spørrs hvis du skal bruke serverside scripting som PHP eller ASP eller hvis du bare skal bruke JavaScript. Jeg antar at du bare vil bruke JavaScript.

 

For det første så kan JavaScript ikke lete i mappen din etter filer så du må lage en liste av alle bildene i JavaScript eller navngi bildene med et nummer basert navn.

 

Hvis bildene dine heter "bilde_1.jpg", "bilde_2.jpg", "bilde_3.jpg" kan du bruke dette scriptet:

 

var _path, _start, _end, _current, _pic;
_path = 'http://www.my-site.com/pic-folder/'; // URL til mappen
_start = 1; // Første bildet
_end = 3; // Siste bildet
_current = _start; // Nåvarende bilde (begynner på første)

function ChangePic(dir)
{
if (_current+dir >= _start && _current+dir <= _end)
{
_current += dir;
_pic = _path+'bilde_'+_current+'.jpg';
myiframe.location = _pic;
}
}

Skrevet

Sorry det ble noe feil med svaret. Forumet klikka for meg.

Her kommer hva som skulle komme først...

 

-------------------------------------------------

 

Heisann!

 

Det finnes mange forskjellige muligheter å gjøre det på. Og det spørrs hvis du skal bruke serverside scripting som PHP eller ASP eller hvis du bare skal bruke JavaScript. Jeg antar at du bare vil bruke JavaScript.

 

For det første så kan JavaScript ikke lete i mappen din etter filer så du må lage en liste av alle bildene i JavaScript eller navngi bildene med et nummer basert navn.

 

Hvis bildene dine heter "bilde_1.jpg", "bilde_2.jpg", "bilde_3.jpg" kan du bruke dette scriptet:

 

var _path, _start, _end, _current, _pic;
_path = 'http://www.my-site.com/pic-folder/'; // URL til mappen
_start = 1; // Første bildet
_end = 3; // Siste bildet
_current = 1; // Nåvarende bilde nummer (begynner på første)

function ChangePic(dir)
{
if (_current+dir >= _start && _current+dir <= _end)
{
_current += dir; // Endrer nåvarende bilde nummer
_pic = _path+'bilde_'+_current+'.jpg'; // Lager ny URL til bilde
myiframe.location = _pic; // Laster nytt bilde i IFRAMEen
}
}

 

Hvis bildene dine heter "et_bilde.jpg", "et_annet_bild.jpg", "animation.gif" kan du bruke dette scriptet:

 

var _path, _list, _current, _pic;
_path = 'http://www.my-site.com/pic-folder/'; // URL til mappen
_list = new Array(); // Liste av bildene
_list[0] = 'et_bilde.jpg';
_list[1] = 'et_annet_bild.jpg';
_list[2] = 'animation.gif';
_current = 0; // Nåvarende bilde nummer (begynner på første)

function ChangePic(dir)
{
if (_current+dir >= 0 && _current+dir < _list.length)
{
_current += dir; // Endrer nåvarende bilde nummer
_pic = _path+_list[_current]; // Lager ny URL til bilde
myiframe.location = _pic; // Laster nytt bilde i IFRAMEen ved navn "myiframe"
}
}

 

Her er HTMLen:

 

<iframe name="myiframe">
...
<span onclick="ChangePic(-1);">Previous picture</span>
...
<span onclick="ChangePic(1);">Next picture</span>

 

HTMLen fungerer for begge scripten. ChangePic() endrer bilde i IFRAMEn "myiframe" hvis bildet finnes i lista/nummerserien.

 

Håper dette var til hjelp

 

// Peter

Skrevet
Men fremdeles er PHP den lureste losningen a lage et galleri i.

Noen brukere har slatt av Javascript, og da vil jo ikke noe virke.

8759343[/snapback]

 

Stemmer det. Jeg bruker kun PHP siden man kan gjøre så mye mer av det. Dessuten trenger man ikke å tenkte på browseren siden PHP kjøres op servern.

 

Men jeg bruker ju JavaScript med AJAX og JSON tech når jeg skal lage en chat da. Der er jo JavaScript en bra ting. Men som du sier, JavaScript er litt vanskelig siden alle browserene ikke skjønner samma kode.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...