20-10-2009, 23:08
(Ten post był ostatnio modyfikowany: 20-10-2009, 23:17 przez Labsta.com.)
Html i CSS
Małe obrazki umiesciłbym w tabelce 100x100 pól (niby to nie poprawne ale będzie prościej)
Na obrazek właściwy nakładasz te kwadraty na dodatkowej warstwie będzie potrzebne position: absolute i z-index z CSS
JS
Tworzysz tablicę z elemnetami, będzie potrzebna, gdyż z niej będziesz usuwac elementy, żeby wiedzieć jakie jeszcze zostały aktywne
Po kliknięciu w przycisk losujesz kwadrat który odsłonisz, czyli jakiś random
I teraz masz do wyboru albo usuwasz wybrany randomem (po id) obrazek (kwadrat) z kodu, albo mu nadajsz jakąś klasę, która sprawi, że stanie się przezroczysty i usuwasz go z tablicy
Proponuję używać jQuery będzie łatwiej niż w czystym js.
Na forum jest kilka osób, które Ci pomogą jak już ruszysz i coś będziesz miał.
Małe obrazki umiesciłbym w tabelce 100x100 pól (niby to nie poprawne ale będzie prościej)
Na obrazek właściwy nakładasz te kwadraty na dodatkowej warstwie będzie potrzebne position: absolute i z-index z CSS
JS
Tworzysz tablicę z elemnetami, będzie potrzebna, gdyż z niej będziesz usuwac elementy, żeby wiedzieć jakie jeszcze zostały aktywne
Po kliknięciu w przycisk losujesz kwadrat który odsłonisz, czyli jakiś random
I teraz masz do wyboru albo usuwasz wybrany randomem (po id) obrazek (kwadrat) z kodu, albo mu nadajsz jakąś klasę, która sprawi, że stanie się przezroczysty i usuwasz go z tablicy
Proponuję używać jQuery będzie łatwiej niż w czystym js.
Na forum jest kilka osób, które Ci pomogą jak już ruszysz i coś będziesz miał.