Искать  
 
   
 
alt текст картинки в качестве подписи к картинке
Отправлено: 07 Апрель 2009 04:55 P.M.   [ Игнорировать ]
Администратор
Avatar
RankRankRankRank
Всего сообщений:  1423
Зарегистрирован  2007-12-27

Встречался ли кому скрипт или что иное, что преобразует alt=”” текст картинки в обычный текст (типа подпись к картинке)

 Подпись 

ExpressionEngine - SEO-ориентированный движок

Профиль
 
 
Отправлено: 07 Апрель 2009 06:35 P.M.   [ Игнорировать ]   [ # 1 ]
Администратор
RankRankRankRank
Всего сообщений:  1354
Зарегистрирован  2008-01-02

Готовый скрипт именно под свои нужды вряд  ли встретишь - данный прием используется повсеместно, но под разные ситуации (лайтбоксы к примеру)

jquery и вперед. Делаешь фильтр на картинку в зависимости от надобности, с помощью функции attr вытаскиваешь alt ну и дальше его куда-либо вставляешь.

 Подпись 

booooring…

Профиль
 
 
Отправлено: 11 Апрель 2009 12:01 A.M.   [ Игнорировать ]   [ # 2 ]
Администратор
Avatar
RankRankRankRank
Всего сообщений:  1423
Зарегистрирован  2007-12-27

Я имею в виду, чтобы alt текст выдирался и преобразовывался в описание. Т.е. имеется возможность редактировать только alt текст, без id картинки. Необходимо чтобы все преобразовывалось автоматически.

 Подпись 

ExpressionEngine - SEO-ориентированный движок

Профиль
 
 
Отправлено: 11 Апрель 2009 12:22 A.M.   [ Игнорировать ]   [ # 3 ]
Администратор
RankRankRankRank
Всего сообщений:  1354
Зарегистрирован  2008-01-02

непонятно - а как описание должно выглядит? Какая структура у блока c картинкой? Это на уровне JS или описание должно в базу вставляться?

 Подпись 

booooring…

Профиль
 
 
Отправлено: 11 Апрель 2009 12:26 A.M.   [ Игнорировать ]   [ # 4 ]
Администратор
Avatar
RankRankRankRank
Всего сообщений:  1423
Зарегистрирован  2007-12-27

имеется текстовый редактор TinyMCE + KFM, в нем в изображение можно прописать только alt текст. Все это будет в описании, т.е. речь не о галерее, это все будет в тексте.

 Подпись 

ExpressionEngine - SEO-ориентированный движок

Профиль
 
 
Отправлено: 11 Апрель 2009 10:08 P.M.   [ Игнорировать ]   [ # 5 ]
Администратор
RankRankRankRank
Всего сообщений:  1354
Зарегистрирован  2008-01-02

в параграфе с классом “post_class” добавляет после img имеющих описание span с содержанием alt’а

$("p.post_class img").each(function() {
var desc2 "<span>" +$(this).attr("alt")+ "</span>";
if($(
this).attr("alt") != '')
$(
this).after(desc2); 
}
 Подпись 

booooring…

Профиль
 
 
Отправлено: 11 Апрель 2009 10:56 P.M.   [ Игнорировать ]   [ # 6 ]
Администратор
Avatar
RankRankRankRank
Всего сообщений:  1423
Зарегистрирован  2007-12-27

Прописал в хедере

script type="text/javascript" src="/ssi/jquery-1.3.2.min.js"></ script 

ниже в хедере прописал

script type="text/javascript">
$(
"p.post_class img").each(function() {
var desc2 "<span>" +$(this).attr("alt")+ "</span>";
if($(
this).attr("alt") != '')
$(
this).after(desc2); 
})  
</ 
script 

Не получается
У WYSIWYG редактора много своих параграфов p но даже когда картинка с alt’ом оказывается этом p, то все равно не вылавливается alt почему то

 Подпись 

ExpressionEngine - SEO-ориентированный движок

Профиль
 
 
Отправлено: 11 Апрель 2009 11:21 P.M.   [ Игнорировать ]   [ # 7 ]
Администратор
RankRankRankRank
Всего сообщений:  1354
Зарегистрирован  2008-01-02

<script type=“text/javascript”>
    $(document).ready(function(){
$(“p.post_class img”).each(function() {
var desc2 = “<span>” +$(this).attr(“alt”)+ “</span>”;
if($(this).attr(“alt”) != ‘’)
$(this).after(desc2);
}) 
    });
</script> 

вот так надо вставить.

а для тестов, можно прописать не “p.post_class img”, а просто “img” - тогда он должен по всем картинка на странице пройтись.

 Подпись 

booooring…

Профиль
 
 
Отправлено: 11 Апрель 2009 11:41 P.M.   [ Игнорировать ]   [ # 8 ]
Администратор
Avatar
RankRankRankRank
Всего сообщений:  1423
Зарегистрирован  2007-12-27

спасибо, работает

 Подпись 

ExpressionEngine - SEO-ориентированный движок

Профиль