Vielä siitä kuvaikkunasta

Vielä olisi samoja ongelmia, mitä aikaisemmassa viestissä kysyin.

Eli miten tehdä sivu, josta aukeaa linkkiä painamalla oma kuva ikkuna, josta saa selattua kuvia edes takaisin.

Tarkoitan tämä näköistä:
http://www.finnmatkat.fi/travel/hotel/hotel_53_46.asp

Eli tuolta kun klikkaa "lisää kuvia hotellista". Javascriptista en tajua oikein mitään, mutta saanko mitenkään kopioitua koodia, niin että saisin omat kuvat toimimaan vastaavasti? Mikä pääte tuo asp on?
6271
Äänestä

Muut lukivat myös

Vastaukset 6

Vanhimmat

Voit toteuttaa sekä kuvaikkunan että "dia-esityksen" javascriptillä.

Laita tämä javascript-linkki body-tagiin:


function openpopup(popurl){
var winpops=window.open(popurl,"","width=300,height=300,scrollbars")
}

Katso kuvia

Seuraavaksi, tee "kuvasivu.html" esim. näin:



Dia-esitys









var photos=new Array()
var which=0
/*Change the below variables to reference your own images. You may have as many images in the slider as you
wish*/
photos[0]="kuva1.gif"
photos[1]="kuva2.gif"
photos[2]="kuva3.gif"
photos[3]="kuva4.gif"
photos[4]="kuva5.gif"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which
Aloita alusta








Muuta kuvien nimet (kuva1.gif jne) oikeaksi, kuten myös leveys ja korkeus.

Jos kokeilet tätä, niin laittaisitko tänne tietoa että saitko toimimaan...

Äänestä
  • toi edellinen hyvin toimii.

    Mutta mikäli haluat lisää pop-up koodeja niin katso täältä. Tosin siellä on kyllä paljon muutakin. Ja ilmaisia.

    http://weppipakki.com/

    Äänestä

  • Todella paljon kiitoksia! :) Nyt toimii ja on juuri sellainen, mitä ajattelin!

    Äänestä

  • Jos tahtoisin kuvien alapuolelle tekstiä (selitys, ketä kuvassa on), miten sen saisin?

    Äänestä

  • Minni kirjoitti:

    Jos tahtoisin kuvien alapuolelle tekstiä (selitys, ketä kuvassa on), miten sen saisin?

    Laita siihen popup-sivun loppuun uusi rivi juuri ennen loppu-tageja:

    TEKSTIÄ TEKSTIÄ




    ...selviskö? Tää on aivan alkeis-juttu. Jos ei oo ennestään hallinnassa, niin kannattaa vähän tutkia ja opiskella lisää. Alkeet on helppo oppia.

    Äänestä

  • zzz kirjoitti:

    Laita siihen popup-sivun loppuun uusi rivi juuri ennen loppu-tageja:

    TEKSTIÄ TEKSTIÄ




    ...selviskö? Tää on aivan alkeis-juttu. Jos ei oo ennestään hallinnassa, niin kannattaa vähän tutkia ja opiskella lisää. Alkeet on helppo oppia.

    Ei sitä kuvatekstiä voinutkaan noin lisätä, sorry...

    Vaatinee toisenlaisen javascriptin, jos haluaa että kuvateksti vaihtuu joka kuvassa.

    http://www.javascript-2.com/
    http://www.javafile.com/

    Äänestä

Kommentoi aloitusta


Minni kirjoitti:

Vielä olisi samoja ongelmia, mitä aikaisemmassa viestissä kysyin.

Eli miten tehdä sivu, josta aukeaa linkkiä painamalla oma kuva ikkuna, josta saa selattua kuvia edes takaisin.

Tarkoitan tämä näköistä:
http://www.finnmatkat.fi/travel/hotel/hotel_53_46.asp

Eli tuolta kun klikkaa "lisää kuvia hotellista". Javascriptista en tajua oikein mitään, mutta saanko mitenkään kopioitua koodia, niin että saisin omat kuvat toimimaan vastaavasti? Mikä pääte tuo asp on?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu