JavaScript - Obrázky

Programovacie jazyky, rady, poradňa...
Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

Ako naplním pole v JavaScripte obrázkami z PC? Teraz tam mám len písmenká, chcel by som tam mať obrázky.

Kód: Vybrať všetko

var memory_array = ['A','A','B','B','C','C','D','D','E','E','F','F','G','G','H','H','I','I','J','J','K','K','L','L'];
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: JavaScript - Obrázky

Príspevok od používateľa *****HERO***** »

napr takto

Kód: Vybrať všetko

var memory_array = ['☺', '☼', '♫', '♣', 'ﷺ'];
Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

Re: JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

nejaký použiteľnejší spôsob, ak názov obrázka je napr. obr1?
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: JavaScript - Obrázky

Príspevok od používateľa sharky-no »

bez toho aby si ich minimalne cez nejake tlacitko neuploadol, alebo nenacital z nejakeho servera to nespravis.
Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

Re: JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

dajme tomu že adresa obrázka je teda takáto

Kód: Vybrať všetko

http://obrazky.zabinudu.sk/obrazky/2201
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: JavaScript - Obrázky

Príspevok od používateľa sharky-no »

tak ju tam vloz do toho pola a mas vybavene :lol:

Kód: Vybrať všetko

var memory_array = ['http://obrazky.zabinudu.sk/obrazky/2201', 'http://obrazky.zabinudu.sk/obrazky/2201'];
co chces s tym obrazkom robit?
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: JavaScript - Obrázky

Príspevok od používateľa *****HERO***** »

podla jeho avataru asi nad nim masturbovat
Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

Re: JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

zobrazí mi to len link(text) a nie obrázok, chcem ho zobraziť po kliknutí
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: JavaScript - Obrázky

Príspevok od používateľa sharky-no »

hero :lol: si staval prdelou hore?

-----

no to preto lebo to musis pred tym dat do img tagu aby sa ti zobrazil a ten vlozit do webu..

Kód: Vybrať všetko

<img src="http://obrazky.zabinudu.sk/obrazky/2201" alt="rambo veverica" />
teoreticky by si mohol cely img tag slahnut do toho pola, ale je to pekne nechutne riesenie :)

Kód: Vybrať všetko

var memory_array = ['<img src="http://obrazky.zabinudu.sk/obrazky/2201" alt="rambo veverica" />', '<img src="http://obrazky.zabinudu.sk/obrazky/2201" alt="rambo veverica" />'];
ak to chces krajsie, ukaz ako mas spraveny zvysok JS, teda to kliknutie a vlozenie
Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

Re: JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

nejde mi to ani keď tam dám len toto

Kód: Vybrať všetko

var memory_array = ['<img src="http://obrazky.zabinudu.sk/obrazky/2201" alt="rambo veverica" />', '<img src="http://obrazky.zabinudu.sk/obrazky/2201" alt="rambo veverica" />'];
Tu to je:
http://pastebin.com/6hqpSG3A
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: JavaScript - Obrázky

Príspevok od používateľa sharky-no »

boze, to je bordel :) nechcelo sa mi to vobec nejako upravovat, tak som len nejako poescapoval uvodzovky, apostrofy a neviem co este..

staci ti zmenit ten skript za toto, a vzdavam sa viac sa v tom sprtat nemienim :D

Kód: Vybrať všetko

//var memory_array = ['A','A','B','B','C','C','D','D','E','E','F','F','G','G','H','H','I','I','J','J','K','K','L','L'];
var memory_array = ['http://obrazky.zabinudu.sk/obrazky/2201', 'http://obrazky.zabinudu.sk/obrazky/2201'];
var memory_values = [];
var memory_tile_ids = [];
var tiles_flipped = 0;
 
function create_image_element(src){
 return "<img src=\\'"+src+"\\' alt=\\'\\' />";
    
}

function memoryFlipTile(tile,val)
{
        if(tile.innerHTML == "" && memory_values.length < 2)
        {
                tile.style.background = '#FFF';
                tile.innerHTML = val;
                        if(memory_values.length == 0)
                        {
                                memory_values.push(val);
                                memory_tile_ids.push(tile.id);
                        } else if(memory_values.length == 1)
                        {
                                memory_values.push(val);
                                memory_tile_ids.push(tile.id);
                                if(memory_values[0] == memory_values[1])
                                {
                                        tiles_flipped += 2;
                                        // Clear both arrays
                                        memory_values = [];
                                        memory_tile_ids = [];
                                        // Check to see if the whole board is cleared
                                        if(tiles_flipped == memory_array.length)
                                        {
                                                alert("PERFECT, HAPPY HOLLIDAYS HONEY!!!");
                                                document.getElementById('memory_board').innerHTML = "";
                                                newBoard();
                                        }
                                } else
                                {
                                        function flip2Back()
                                        {
                                                // Flip the 2 tiles back over
                                                var tile_1 = document.getElementById(memory_tile_ids[0]);
                                                var tile_2 = document.getElementById(memory_tile_ids[1]);
                                                tile_1.style.background = 'url(tile_bg.jpg) no-repeat';
                                                tile_1.innerHTML = "";
                                                tile_2.style.background = 'url(tile_bg.jpg) no-repeat';
                                                tile_2.innerHTML = "";
                                                // Clear both arrays
                                                memory_values = [];
                                                memory_tile_ids = [];
                                        }
                                setTimeout(flip2Back, 700);
                                }
                        }
        }
}


 
Array.prototype.memory_tile_shuffle = function()
{
        var i = this.length, j, temp;
        while(--i > 0)
        {
                j = Math.floor(Math.random() * (i+1));
                temp = this[j];
                this[j] = this[i];
                this[i] = temp;
        }
}
 
function newBoard()
{
        tiles_flipped = 0;
        var output = '';
        memory_array.memory_tile_shuffle();
        for(var i = 0; i < memory_array.length; i++)
        {
                output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+create_image_element(memory_array[i])+'\')"></div>';
        }
        document.getElementById('memory_board').innerHTML = output;
       
       
}

Mick_14
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 458
Registrovaný: 07 aug 2008, 18:44

Re: JavaScript - Obrázky

Príspevok od používateľa Mick_14 »

Díky, docela to funguje len mi to hádže trochu mimo toho okienka, ale s tým už sa pohrajem :)
Napísať odpoveď