Сделать картинки к категориям
|
|
MyPlace | Отредактировал MyPlace - Вторник, 13 Сентября 2011, 11:45 Дата: 13 Сентября 2011, 11:44 | Сообщение # 1 | ● ● ● ● ● 58 сообщений Статус: Offline | Ребят, здравствуйте! Подскажите плиз такую вещь:
В каталоге файлов отображаются категории. Хочется, чтобы сверху была картинка, а ниже картинки (как подпись) - название категории.
Как скриптом добавить сюда наверх картинку?
============================== <tbody><tr><td style="width: 50%;" class="catsTd" id="cid18" valign="top"><div><img src="/IMAGES/cid18.gif"></div><a href="http://mysite.ru/load/18" class="catName">Категория 1</a> </td><td style="width: 50%;" class="catsTd" id="cid19" valign="top"><a href="http://mysite/load/19" class="catName">Категория 2</a> </td></tr>...... ==============================
Думал, по какому признаку уникальности картинки подгружать - можно же брать ID? cid18 и cid19
Скриптом добавили <img src="/IMAGES/cid18.gif">
Вопрос: будет-ли подгружаться картинка, будучи добавленная скриптом? | | |
|
uExpo | Отредактировал uExpo - Вторник, 13 Сентября 2011, 21:31 Дата: 13 Сентября 2011, 21:30 | Сообщение # 2 | ● ● ● ● ● 80 сообщений Статус: Offline | Code $('#cid18 a.catName').prepend('<div><img src="/IMAGES/cid18.gif"></div>') Вопрос: будет-ли подгружаться картинка, будучи добавленная скриптом? Ответ: Да | | |
|
MyPlace | Отредактировал MyPlace - Среда, 14 Сентября 2011, 10:24 Дата: 14 Сентября 2011, 10:24 | Сообщение # 3 | ● ● ● ● ● 58 сообщений Статус: Offline | uExpo, ок, спасибо. Только две вещи осталось:
1. cid18 - это как пример. Естественно нужно, чтобы ID брались автоматом из всех существующих категорий. 2. Нужно что-то типа each, чтобы на ВСЕ категории картинки прилипли
Добавлено (14 Сентябрь 2011, 10:24) --------------------------------------------- и ещё раз повторю, cid18 - это не фиксировано! Нужно чтобы автоматом id из <td id="..."> подставлялись в <img src="/IMAGES/....gif"> | | |
|
uExpo | Отредактировал uExpo - Среда, 14 Сентября 2011, 12:08 Дата: 14 Сентября 2011, 12:00 | Сообщение # 4 | ● ● ● ● ● 80 сообщений Статус: Offline | ша | | |
|
MyPlace | Дата: 14 Сентября 2011, 18:11 | Сообщение # 5 | ● ● ● ● ● 58 сообщений Статус: Offline | И...? | | |
|
uExpo | Дата: 14 Сентября 2011, 18:52 | Сообщение # 6 | ● ● ● ● ● 80 сообщений Статус: Offline | Code $('a.catName').prepend('<div><img src="/image/'+$('a.catName').attr('id')+'.gif"></div>');
Пример: открытьДобавлено (14 Сентябрь 2011, 18:52) --------------------------------------------- Облом не так не много | | |
|
MyPlace | Дата: 15 Сентября 2011, 10:08 | Сообщение # 7 | ● ● ● ● ● 58 сообщений Статус: Offline | =( Мде.. Не работает | | |
|
uExpo | Отредактировал uExpo - Четверг, 15 Сентября 2011, 13:50 Дата: 15 Сентября 2011, 13:49 | Сообщение # 8 | ● ● ● ● ● 80 сообщений Статус: Offline | Code $('a.catName').prepend(function() { return $(this).prepend('<div><img src="/image/'+$('a.catName').attr('id')+'.gif"></div>'); }); | | |
|
MyPlace | Дата: 15 Сентября 2011, 17:37 | Сообщение # 9 | ● ● ● ● ● 58 сообщений Статус: Offline | Ничего не происходит
.attr('id')+'.gif
id откуда берётся? Мы же не назначали... | | |
|
uExpo | Отредактировал uExpo - Четверг, 15 Сентября 2011, 18:50 Дата: 15 Сентября 2011, 18:49 | Сообщение # 10 | ● ● ● ● ● 80 сообщений Статус: Offline | .attr('id')+'.gif
id откуда берётся? Мы же не назначали...
Code $('a.catName').attr('id') Из a.catName .attr('id') тырит id данного элемента
Добавлено (15 Сентябрь 2011, 18:49) --------------------------------------------- Извиняй я не знаю как, вроде все просто, но хз не пашет | | |
|
MyPlace | Отредактировал MyPlace - Пятница, 16 Сентября 2011, 14:17 Дата: 16 Сентября 2011, 14:17 | Сообщение # 11 | ● ● ● ● ● 58 сообщений Статус: Offline | Мде... Спасибо хоть за старания. РЕБЯТА!!! Помогите!!! | | |
|
kydapodatsya | Дата: 16 Сентября 2011, 15:59 | Сообщение # 12 | ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline | MyPlace, а что так для вида материалов не работает?? Code <img src="/categ$CID$.gif" /><br /> <?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$" title="Перейти в раздел: $CATEGORY_NAME$">$CATEGORY_NAME$</a><?endif?> где categ$CID$.gif - для каждой категории создаете картинки соответственно их ID | | |
|
MyPlace | Дата: 17 Сентября 2011, 13:13 | Сообщение # 13 | ● ● ● ● ● 58 сообщений Статус: Offline | Так мне не к материалам картинки привязать надо, а к названиям категорий. А там тупо код $CATEGORIES$ и всё... | | |
|
uExpo | Отредактировал uExpo - Суббота, 17 Сентября 2011, 22:26 Дата: 17 Сентября 2011, 22:14 | Сообщение # 14 | ● ● ● ● ● 80 сообщений Статус: Offline | Короче как то вечером меня резко осенило, как правильно это реализовать, а точнее я был не в до умении как пользоваться each():
Code $('a.catName').each(function(){ var idCat = $(this).parent().attr('id') $(this).before('<img src="'+idCat+'">') })
Quote Добавит <img src="cidID">, где ID подгрузит из атрибута предка DOM, и вставит перед ссылкой (названии категории), пример: открыть (слева категории) | | |
|
MyPlace | Дата: 18 Сентября 2011, 17:19 | Сообщение # 15 | ● ● ● ● ● 58 сообщений Статус: Offline | uExpo, Спасибо большое, дядь! Репу плюснуть не получается. Кнопка не загорается...Добавлено (18 Сентябрь 2011, 17:19) --------------------------------------------- Сделать-бы ещё, чтобы картинка была кликабельной. Тоесть в существующий тег <a> засунуть... И было-бы шикака =) | | |
|
uExpo | Отредактировал uExpo - Воскресенье, 18 Сентября 2011, 19:32 Дата: 18 Сентября 2011, 19:20 | Сообщение # 16 | ● ● ● ● ● 80 сообщений Статус: Offline | Ну я еще вроде не дядя) Как бы всего 19 годов хД
Code $('a.catName').each(function(){ var idCat = $(this).parent().attr('id') var hrefCat = $(this).attr('href') $(this).before('<a href="'+hrefCat+'"><img src="'+idCat+'"></a>') });
P.S. - Я не работаю на репутацию, для меня она как кнопка на микроволновой печи, - просто нарабатываю практику | | |
|
MyPlace | Дата: 18 Сентября 2011, 19:54 | Сообщение # 17 | ● ● ● ● ● 58 сообщений Статус: Offline | uExpo, Спасибо большое, всё работает! | | |
|
uExpo | Отредактировал uExpo - Воскресенье, 18 Сентября 2011, 21:12 Дата: 18 Сентября 2011, 19:59 | Сообщение # 18 | ● ● ● ● ● 80 сообщений Статус: Offline | Более простая реализация..
Code $('a.catName').each(function(){$(this).prepend('<img src="'+$(this).parent().attr('id')+'.gif">')}) | | |
|
MyPlace | Дата: 20 Сентября 2011, 13:26 | Сообщение # 19 | ● ● ● ● ● 58 сообщений Статус: Offline | uExpo, спасибо, только короткая версия с <div> не работает в отличие от длинной версии:
Code $('a.catName').each(function(){ var idCat = $(this).parent().attr('id') var hrefCat = $(this).attr('href') $(this).before('<div style="margin: 5px 0 0 30px"><a href="'+hrefCat+'"><img src="/GIF/PartCatImg/'+idCat+'.jpg"></a></div>') }) | | |
|
Andre | Дата: 22 Сентября 2011, 23:43 | Сообщение # 20 | ● ● ● ● ● 1822 сообщения Статус: Offline | У каждой категории есть свой ид, прописывайте бакграунды | | |
|