Keskustelu: Nettisivujen teko: Diaesityssofta takkuilee

Olen käyttänyt tätä DynamicDriven skriptiä, tarkoituksena käyttää sitä viiden kuvan vaihteluun haihduttaen (fade). Kuvat ovat lähes samanlaisia, niissä vaihtuu värejä ja tekstejä, mutta ne ovat samanmuotoisia ja -kokoisia. Suurin osa niiden taustasta on läpinäkyvää.

Skripti kuitenkin piirtää taustan mustaksi, enkä saanut korjattua sitä. Sorkin fadeslideshow.js-tiedostoa, ja korvasin sieltä seuraavan koodipätkän:

setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main slideshow DIV
		if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
			alert("Virhe: Sivulta ei löydy DIV-tagia, jonka ID-arvo on \""+setting.wrapperid+"\" .")
			return
		}
		setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide
			.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'black'})

tällä

setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'transparent', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main slideshow DIV
		if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
			alert("Virhe: Sivulta ei löydy DIV-tagia, jonka ID-arvo on \""+setting.wrapperid+"\" .")
			return
		}
		setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide
			.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'transparent'})

(Huomaa, että olen kääntänyt yhden virheilmoituksen suomeksi.) Kokeilin myös poistaa kyseiset background-elementit, mutta se ei korjannut ongelmaa. Transparent-väri kyllä toimii, mutta se jostain syystä sotkee kuvasyklin (kuva jääkin ruudulle, vaikka sen olisi jo pitänyt poistua ja toinen tulee päälle).

Jos joku tietää parempia ja toimivampia vastaavia skriptejä, saa ehdottaa.

Käyttämäsi koodi ei toimi luultavasti siksi, että se perustuu oletukseen, että edellisen kuvan voi turvallisesti jättää uuden taakse. Sinun pitää muokata koodia niin, että vanha kuva laitetaan piiloon samalla (tai sen jälkeen), kun uusi kuva tuodaan esiin.

Virheilmoituksen suomentaminen on aika höpsöä, koska sen ei kuulu missään tilanteessa näkyä käyttäjälle eikä käyttäjä pysty edes tekemään asialle mitään. Jos sivujen käyttäjäystävällisyys kiinnostaa, parempi on poistaa virheilmoitukset kokonaan lopullisesta versiosta; minusta ainakin rikkinäinen sivu on mukavampi kuin rikkinäinen sivu, josta tulee hämäriä virheilmoituksia – vaikka tietysti paremmat naurut saa siitä, että sivulla on selvä virheilmoitus eikä tekijä osaa silti korjata sitä.