Zmaga.com | Spletno pridobivanje znanja
 
Domov | Adobe Dreamweaver | Osnove | Menjavanje slik s povezavami
Guest
Kliknite, da si ogledate svoj profil
Učenje
Programi
Jeziki
Recepti
Naredi sam
Bližnjice
 
  Menjavanje slik s povezavami
Izdelali bomo spletno stran, na kateri bomo vstavili Javascript kodo, s pomočjo katere se bodo na spletni strani prikazovale vaše slike s povezavo do spletnih strani.
 
  Avtor: Dixo | Različica: CS3 | 4. julij 2010 |  
 
 
1.
  Na namizju ali kje drugje ustvarite novo mapo ter jo poimenujte Slike.

Lahko jo poimenujtete drugače, vendar boste morali v nadaljevanju malce improvizirati.
 
 
2.
  V mapo dodajte nekaj slik.
 
 
3.
  Odprite sedaj program Adobe Dreamweaver in ustvarite nov HTML dokument.
 
 
4.
  Kliknite na zavihek Code, da odprete kodni način urejanja spletne strani.
 
 
5.
  Pomaknite se med znački <body> in </body>.  
 
6.
  In vstavite naslednjo kodo:

<html>
<head>
 
<script language="javascript">
window.onload = izberiFotko;
 
var fotke =  [["Slike/001.jpg", "http://www.zmaga.com"],
["Slike/002.jpg", "http://www.zmaga.com/forum.php"],
["Slike/003.jpg", "http://www.zmaga.com/sodeluj.php"]];
 
var trenutnaFotka=0;
 
function izberiFotko(){
var nakljucnoStevilo = Math.floor(Math.random()*fotke.length);
document.getElementById("nF").src = fotke[nakljucnoStevilo][0];
document.getElementById("nFLink").href = fotke[nakljucnoStevilo][1];
 
izmenjavanje();
}
 
function izmenjavanje(){
trenutnaFotka++;
 
if (trenutnaFotka == fotke.length){
    trenutnaFotka=0;}
 
document.getElementById("nF").src = fotke[trenutnaFotka][0];
document.getElementById("nFLink").href = fotke[trenutnaFotka][1];
setTimeout("izmenjavanje()", 1000);
}
</script>
 
</head>
 
<body>
 
<a id="nFLink"><img id="nF"></img></a>
 
</body>
</html>
 
 
7.
  Sedaj spremenite kodo pri vrstici var fotke.

Spremenite pot do slik ter povezavo.
 
 
8.
  Pomaknite se zdaj do vrstice setTimeout (glej sliko).

Pri številki 1000 nastavite na koliko časa naj se slike menjavajo. 1000 pomeni ena sekunda, torej 3000 pomeni tri sekunde.
 
 
9.
  Dokument še shranite in pritisnite tipko F12, ter si dokument oglejte v brskalniku.

Datoteko index.html shranite tja, kamor ste shranili slike, drugače vam jih računalnik ne bo našel in se ne bodo predvajale.

Povzeto po vodiču strani moje-mesto.com.
 
 
 
 
  Glasba v ozadju spletne strani
Osnove | 1. julij 2010 | Avtor: Dixo
Ustvarili bomo spletno stran, ob katere odprtju se bo začela samodejno predvajati vaša glasba.
  Prva spletna stran
Osnove | 7. september 2006 | Avtor: NikMan
Zelo enostavna naloga, kjer bomo nastavili vse potrebno in nato korak za korakom ustvarili prvo spletno stran.
  Števec obiskov v stilu
Osnove | 4. maj 2011 | Avtor: tdrumlic
Naši spletni strani bomo dodali en super majhen in tudi lep števec obiskovalcev v realnem času.
  Datum in ura na spletni strani
Osnove | 16. julij 2010 | Avtor: Dixo
S pomočjo dveh Javascript kod bomo ustvarili prikaz datuma in ure na naši spletni strani.
  Naredimo nepremično ozadje
Osnove | 10. avgust 2012 | Avtor: unusual95
Ozadje spletne strani bomo uredili tako, da bo ostalo na enem mestu in enako, tudi če se sprehajamo po spletni strani gor ali dol.
  Poljubna igra na vaši strani
Osnove | 6. maj 2010 | Avtor: teri11
Prenesli si bomo igro, ki jo bomo v Dreamweaverju odprli in jo nato igrali. Lekcija je namenjena posebej tistim, ki želijo imeti spletno stran z igrami.
   
  Prosimo, da se prijavite, da boste lahko komentirali
  Kliknite, da odprete profil uporabnika  
theDON, 8.3.2011, 10:52
a se komu sanja kako bi naredu recimo gumbe 1 2 3 in da bi vsak od njih imel funkcijo povezave na eno od teh slikc ( ne da odpre slikco al pa povezavo na novo ampak samo da vrne eno od teh slikc)

hvala
 
 
  Kliknite, da odprete profil uporabnika  
.lolo, 15.8.2011, 11:18
Graphic Interchange Format (.gif) ta skripta ne podpira?
 
   
 
 
spletno pridobivanje znanja
Zmaga.com | sodeluj | forum | info