Olen väsäämässä kotisivuja periaatteessa omalle yritykselleni. Olen toteuttanut sivuilla perus HTML:ää, CSS:ä, Javascriptiä ja PHP:tä tarpeen mukaan siis kaikkea sekaisin.
Pari kysymystä toteutuksesta:
1)Etusivulla olen toteuttanut vaihtuvan kuvan javascriptillä onmouseoverilla ja se toimiikin mukavasti, MUTTA selaimet tuntuvat estävän tälläisen scriptin käytön. Pitäisi keksiä vaihtoehtoinen tapa. Onko CSS:llä tähän työkalua, entä PHP:llä? Käsittääkseni jotkin napit, joissa on efektejä on toteutettu CSS:llä. Olen aloitteleva ohjelmoija joten ilman apua en osaa koodia vääntää.
2)Entä miten lähtisin rakentamaan seuraavanlaista ideaa? Minulla on taulukko, jossa on kaksi solua. Vasemmassa solussa on linkkejä (menu) ja oikeassa olisi ruutu, jossa olisi oletuksena 3-5 kuvan sarja, jossa kuva vaihtuisi itsestään esim. viiden sekunnin välein.
Kun menusta klikkaa, pitäisi oikeaan soluun ilmestyä kuva tuotteesta ja alle tekstinä esittely. Kuvasarja siis korvataan staattisella kuvalla. Miten tälläisen nyt voisi toteutta? Tuon vaihtuvan kuvan voi tästä poistaa, jos se on vaikea toteuttaa. Frameja en sivullani käytä.
Kiitoksia mielenkiinnosta. Toivoisin apua, että pääsisin kokeilemaan.
Tuota vaihtuvaa kuvaa et ainakaan PHP:lla saa, etkä tietääkseni css:lläkään.
Mikäli et käytä frameja sinun pitää ladata koko sivu uudestaan jotta kuvat vaihtuisivat, ja tämä vain ärsyttää hitaamman yhteyden käyttäjiä.
Se menu voisi olla tyyliin
<a href=tamasivu.php?tuote=tuote1>Tuote 1</a> <a href=tamasivu.php?tuote=tuote2>Tuote 2</a> Jne...
Sitten se PHP koodi voisi olla tämä tyyppinen
<?php $tuote = $_GET['tuote']; //tämä tulostetaan oikeaan soluun echo "<img src=$tuote.jpg alt=$tuote />"; include("$tuote.txt"); php?>
Eli sinulla olisi jokaista tuotetta kohti kuva ja tekstitiedosto jossa on tuotteen esittely.
Tuohon koodiin pitää lisätä vielä tarkistus onko tuote muuttujaa olemassa sekä jonkinsortin virheenkäsittely.
Pikku vinkkinä, älä käytä tableja vaan css:sää.
Vaihtuvan kuvan saa kyllä CSS:llä, kunhan tekee oikean kokoisen divin (tai minkä blokkitason elementin vain), määrittää sille sen kuvan mukaisen koon, ja sitten laittaa backgroundiksi sen kuvan. Sitten vain CSS:llä div:hover:illa muuttaa sen kuvan, tällöin se taustakuva muuttuu kun hiiren liikuttaa kuvan päälle.
Tosin ei välttämättä suositeltava tapa, ei ole oikein hyvää standardin mukaista toteutusta. Javascript on tähän käyttöön ihan sopiva vaihtoehto (ellei sitten kuva nimenomaan ole ei-kuva vaan jokin juurikin taustakuva), ja jos se on erityisesti selaimessa estetty niin antaa olla. Tehdä se vain niin että se toimii ilman sitä javascriptiäkin.
JTS kirjoitti:
Tehdä se vain niin että se toimii ilman sitä javascriptiäkin.
Haluaisin korostaa, että tuo sana 'se' viittaa nimenomaan itse linkin toimivuuteen, ei kuvan vaihtumiseen.
Tosin, melko sälli saa olla, että kuvanvaihtoskriptillä rikkoo koko linkin.
Joo...Kuva toki toimii linkkinä muutenkin. Olisi vain paljon hienompi vaihtuvana, mutta minkäs teet.
Aihe on jo aika vanha, joten et voi enää vastata siihen.