Results 1 to 3 of 3
Thread: jQuery + JSON ãàëåðèÿ
Hybrid View
-
25th April 2011 08:46 #1
jQuery + JSON ãàëåðèÿ
Çäðàâåéòå!
Èñêàì äà ñè íàïðàâÿ ñêðèïò, êîéòî, êàòî ñå íàòèñíå áóòîí â ñàéòà, äà èçêàðâà, ïðåç íÿêàêúâ èíòåðâàë îò âðåìå, êàðòèíêà. Äà ñå ïîëó÷è íåùî êàòî ñèëíî îïðîñòåíà slideshow ãàëåðèÿ. Ïîðàçðîâèõ ñå èç íåòà çà íÿêîè jQuery è javascript ôóíêöèè, è ãîðå-äîëó ñòðóêòóðèðàõ êîäà.
Åòî êîäà è ñëåä íåãî ùå îáÿñíÿ êàêâî ìè ñå äúíè â íåãî:
Ïðè èçïúëíåíèå, FireBug-a ìè êàçâà, ÷å ôóíêöèÿòà changePic() íå áèëà äåôèíèðàíà. Àêî íÿêîé ìîæå äà ìè êàæå êúäå å ïðîáëåìúò ùå ñúì áëàãîäàðåí.Code:<html xmlns="http://www.w3.org/1999/xhtml"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <title>jQuery</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> <body> <button id="change">Press Me!</button> <script> $('#change').click(function() { $.getJSON('json-db.html', function(data) { setInterval('changePic()', 1000); function changePic() { for(var i = 0; i < data.images.length; i++) { $('div').remove('imga'); var image = data.images[i]; $('#resultDiv') .append('<img id=' + '"' + 'imga' + '" ' + 'src=' + '"' + image.source + '" ' + "alt=" + '"' + image.alternative + '"' + ' />'); } } }); }); </script> <div id="resultDiv"></div> </body> </html>
Ï.Ñ.: Íå çíàì êîëêî ìè å âåðåí êîäà, ïðîñòî íÿìàøå êàê äà ãî òåñòâàì...
-
25th April 2011 12:00 #2
Èçêàðàé ôóíêöèÿòà èçâúí êîëáåê ôóíêöèèòå.
Íàïðèìåð íåïîñðåäñòâåíî ñëåä <script>.Hey, mother, I come bearing a gift. I'll give you a hint. It's in my diaper and it's not a toaster.
Ïëàíèíà.áã
-
25th April 2011 12:34 #3
Áëàãîäàðÿ! Ñ ìàëêî ìîäèôèêàöèè òðúãíà. Ñàìî òðÿáâà äà äî îïðàâÿ àëãîðèòúìà...




Reply With Quote
Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè