Парсер картинок с Google
Есть скрипт на парсер картинки из Гоогла
Это в шаблон сайта: <script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Подключение jQuery
google.load('jquery', '1.4.2');
google.setOnLoadCallback(function()
{
var image_key=encodeURIComponent('[KEY]');
function getimage(id) {
$('#img1')['attr']('src', 'http://www.ajaxload.info/images/exemples/26.gif');
$['getJSON']('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=' + image_key + '&rsz=2&imgsz=medium&callback=?', function (json) {
$('#img1')['attr']('src', (json['responseData']['results'][id]['url']));
$('#img1')['error'](function () {
getimage(id + 1);
});
});
};
getimage(0);
});
</script>
А это в место где требуется вывести картинку: <img id="img1" width="100" alt="[KEY]" title="[KEY]"> как сделать что бы этот скрипт выводил несколько картинок? например первые 10 из запроса поиска |
добрый день спасибо за скрипт работает только один вопрос как к нему прикрутить так чтобы на 4 картинки
|
За количество возвращаемых результатов отвечает параметр rsz в запросе. Соответственно меняете rsz=2 на rsz=4. Максимум - 8.
|
ну вот тут + image_key + '&rsz=4&imgsz=medium&callback=?' на 4 и не чего не произошло так же 1 скрин
|
Ну так пройдитесь циклом по массиву результатов и выведите их в отдельных img.
|
не че не выходит все равно только один скрин че делать
|
Как цикл писал? Хотя судя по орфографии ничего ты не писал, а пришел скопировать что-то готовое.
|
jsnb,
я извиняюсь а можно поподробнее или на примере |
ну скопировать тоже но хотелось бы немного понять вчера сидел рылся Яндекса гугл все пытался понять парсер апи ключи все ново поэтому учим помощь не помешает за ранее спасибо
|
jsnb,
тоесть <img id2="img2" width="100" alt="[KEY]" title="[KEY]"> <img id3="img3" width="100" alt="[KEY]" title="[KEY]"> <img id4="img4" width="100" alt="[KEY]" title="[KEY]"> и тоже прописать в самом скрипте |
На, понимай: http://learn.javascript.ru/play/oFyZub
P.S. Тебе бы сперва учебник русского языка понять не помешало бы... |
atoxaa,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
img {
height: 100px;
}
</style>
<script src="http://www.google.com/jsapi"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
google.setOnLoadCallback(function()
{
function getimage(id,word) {
var image_key=encodeURIComponent(word);
var img = $('<img/>',{'src':'http://www.ajaxload.info/images/exemples/26.gif'}).appendTo('body');
$['getJSON']('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=' + image_key + '&rsz=' + id + '&imgsz=medium&callback=?', function (json) {
$.each(json['responseData']['results'],function(indx, element){
$('<img/>',{'src':element['url'],
'error' : function () {$(this).remove()}
}).appendTo('body')
});
img.remove()
});
};
getimage(8,'gold key');
getimage(8,'dog');
});
</script>
</head>
<body>
</body>
</html>
|
становится все на ура только там где должно выводить картинку идет лойд а сама картинка в самом низу сайта может квери хотя первый пример стал только что не выводил больше одно че я только не пробовал
|
Цитата:
|
вот тест сайт сам смотриhttp://kinofok.at.ua/load/oboroten_v...vennye/1-1-0-2версия квери 1.10.2.js поддерживается
|
))) есть мысли
|
вот первый пример четко только больше одной не выводит может ка-кто первый подправить ума не приложу
|
там наверное в самом js c работы приеду попробую еще ковырнуть давно искал читал но самому трудно понять потом отпишусь спасибо ребят удачи)))
|
Цитата:
в примере ниже исправлены далеко не все ошибки - но картинки выводятся и выводятся куда нужно. http://learn.javascript.ru/play/4kIUL |
да супер все работает а такой вопрос вот у меня фото добавляю hindslaid вот пример кода
<a href="ссылка на фото" class="highslide" onclick="return hs.expand(this)"><img src="ссылка на фото" alt="film-kino.at.ua" title="ОПИСАНИЯ_НЕТ" width="110" height="150"></a><br>можно ли вывод сделать погрузку в него если в вашем идет <img id="img1" alt="[KEY]" title="[KEY]">id="img1 а там <img src="ссылка на фото" и<a href="ссылка на фото" |
| Часовой пояс GMT +3, время: 13:10. |