Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Картинками теперь можно управлять
forum.iii.ru > А-я-яй > Новости и уведомления А-я-яй
Страницы: 1, 2
Snick
Друзья,

Теперь вы можете управлять текстом ссылки, на которую заменяется изображение. Делается это так:
Код
<img src="http://example.com/image.jpg" alt="свой текст"/>


В ответе инфа картинка будет заменена на ссылку с текстом "свой текст".

Если свой текст не указан, то ссылка будет с текстом "картинка"
SantaNel
Неплохое обновление, радует, особенно в плане всяких флэш-игр и рисовалок. Так, действительно, выглядит лучше и интереснее smile.gif Спасибо, будем ждать третьего шага rolleyes.gif
sh69
Цитата(Snick @ 3.5.2011, 16:24) *
Код
<img src="http://example.com/image.jpg" alt="свой текст"/>

Было бы неплохо, добавить атрибут class для управления отображением изображения, к примеру: class="img" - показывает саму картину; clsss="link" - отображает "свой текст" (который указан в alt), или же оставить все как есть, только вот если не указан alt-атрибут, то вместо "картинка" выводилась само изображение.
Это удобно если используешь капчу, смайлики, и т.п.
macana
Спасибо большое.
Лаура Бородич
Ва, спасибо. ^^
eva35855
Только у меня картинка криво отображается? blink.gif
Оставлю для теста... Писать инфу "оп-па"
<img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg" alt="ЖМИ ЗДЕСЬ"/>
p.s. ...проверила разные варианты картинок - все съезжают вниз(
папа Карло
Мне кажется, что нет большой разницы, под каким текстом будет скрыта картинка - под "картинка" или под "жми сюда", в качестве иллюстрации это одинаково плохо воспринимается. Проблема именно в том, что она скрыта, а не в тексте. И было бы здорово, если б в инфе могли отображаться анимированные гифы, это значительно уменьшило бы и количество вставленных флэшек и избавило бы от возни с конвертерами. Но это так, мечты...

Ева, увеличь картинку - будет нормально:
<img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg"height="180" width="180" alt="ЖМИ ЗДЕСЬ"/>
делать ещё больше не стоит, потому что инф на сайте и на форуме вдвое меньше, чем в кабинете, будет обрезаться снизу. (Может, это не у всех так? У меня браузер Мозилла последней версии - но не у меня же одного.)
eva35855
папа Карло, в этом я с тобой согласна...
Но если брать данный момент, то код, который здесь предложен, для моего инфа неприемлем... дело не в тексте: у него сама картинка отображается вообще мимо балуна...((... хотелось бы узнать, - эта проблема только у меня?
Лисичкиус Фокстерьеров
Цитата(eva35855 @ 4.5.2011, 14:07) *
Только у меня картинка криво отображается? blink.gif
Оставлю для теста... Писать инфу "оп-па"
<img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg" alt="ЖМИ ЗДЕСЬ"/>
p.s. ...проверила разные варианты картинок - все съезжают вниз(


Я немножко потестировал Гарфилда. Вроде бы всё нормально. Про Кулички только картинка обрезана, ничего там не видать.
Э-э. Сейчас сказал ему "оп-па", картинка съехала вниз.
eva35855
Цитата(папа Карло @ 4.5.2011, 12:59) *
Ева, увеличь картинку - будет нормально: <img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg"height="180" width="180" alt="ЖМИ ЗДЕСЬ"/>


папа Карло, спасибо) ... у меня уже от всего просто мозг кипит видимо biggrin.gif не догадалась... Тогда в 1-ом сообщении нужно бы исправить... (а то кто-нибудь ещё ступит)
raskraska012
Цитата(eva35855 @ 4.5.2011, 9:07) *
Только у меня картинка криво отображается? blink.gif
Оставлю для теста... Писать инфу "оп-па"
<img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg" alt="ЖМИ ЗДЕСЬ"/>
p.s. ...проверила разные варианты картинок - все съезжают вниз(

Кто же так картинки вставляет?
Где высота,где ширина,где отступы,а самое главное где в конце картинки <br>.....<br>,а потом удивляются.
eva35855
Лисичкиус Фокстерьеров, спасиб) Уже разобралась smile.gif Размер картинки просто, как и раньше, указывать надо... а я по коду, что в первом сообщении написали, тестила...
eva35855
Цитата(raskraska012 @ 4.5.2011, 13:23) *
Кто же так картинки вставляет?
Где высота,где ширина,где отступы,а самое главное где в конце картинки <br>.....<br>,а потом удивляются.


raskraska012, да знаю я... я на вставке картинок собаку съела... laugh.gif просто подумала, что теперь это не нужно... т. к. тут же нет:
Цитата
<img src="http://example.com/image.jpg" alt="свой текст"/>
Лаура Бородич
Странно, у Гарфилда все еще картинка съезжает вниз (у меня так)..
eva35855
Цитата(Лаура Бородич @ 4.5.2011, 13:31) *
Странно, у Гарфилда все еще картинка съезжает вниз (у меня так)..

Всё... теперь - не съезжает smile.gif
папа Карло
Цитата
если не указан alt-атрибут, то вместо "картинка" выводилась само изображение.
Самое то, что надо. smile.gif Только кому тогда нужен alt-атрибут? Лучше всего было бы вводить просто html коды, как на форуме или даже просто адреса, как в этой флэшке.
sh69
Цитата(папа Карло @ 4.5.2011, 14:58) *
Самое то, что надо. smile.gif Только кому тогда нужен alt-атрибут?

Ну к примеру инф выкладывает свои фото

Гость: как отдохнул?
Инф: Зацени-ка
<img src="url_фото_1" alt="Я с друзьями"/>
<img src="url_фото_2" alt="Это меня облили"/>
<img src="url_фото_3" alt="Ем свою ногу"/>
<img src="url_фото_n" alt="Любимое фото"/>


Ну вот, вроде как много мест не занимает и в одно сообщение умещается несколько фоток, или же одна и таже картинка разных размеров, а в описании соответственно разрешение картинки...

А html-коды естественно удобно, но я бы не советовал, не все умеют пользоваться, лучше визуальный редактор типа WYSIWYG
Лисичкиус Фокстерьеров
Цитата(eva35855 @ 4.5.2011, 17:34) *
Всё... теперь - не съезжает smile.gif


Не съезжает. Но обрезана снизу (на форуме), полосы прокрутки нет. На страничке у Гарфилда балун растягивается и всё нормально.
Snick
Нормально отображается:


Цитата(eva35855 @ 4.5.2011, 10:07) *
Только у меня картинка криво отображается? blink.gif
Оставлю для теста... Писать инфу "оп-па"
<img src="http://www.livebooks.ru/i/goods/saimon_kot-cover.jpg" alt="ЖМИ ЗДЕСЬ"/>
p.s. ...проверила разные варианты картинок - все съезжают вниз(

папа Карло
Цитата
Ну к примеру инф выкладывает свои фото

Гость: как отдохнул?
Инф: Зацени-ка

<img src="url_фото_1" alt="Я с друзьями"/>
<img src="url_фото_2" alt="Это меня облили"/>
<img src="url_фото_3" alt="Ем свою ногу"/>
<img src="url_фото_n" alt="Любимое фото"/>

Ну вот, вроде как много мест не занимает и в одно сообщение умещается несколько фоток
Тоже верно, совсем убирать не стоит, чем больше возможностей - тем лучше, а опытные мастера применение всегда найдут. smile.gif
Цитата
А html-коды естественно удобно, но я бы не советовал, не все умеют пользоваться, лучше визуальный редактор типа WYSIWYG
Я имею ввиду, что вставлять так же, как в сообщения на форуме - это-то все быстро осваивают. Прада, флэшки через Радикал не вставишь...

папа Карло
Цитата
Нормально отображается:
Snick, просто она сначала вставила код без указания размеров, а в этом случае картинка получается маленькая и "сползает" к нижнему левому краю балуна, у меня тоже так же.
sh69
Цитата(папа Карло @ 4.5.2011, 18:51) *
как в сообщения на форуме - это-то все быстро осваивают.
Ну дак я и говорю нужен свой WYSIWYG, нам и нужно то всего несколько кнопок: Добавить ссылку, фото/анимацию, флеш ролик, музыку (ну тут можно .wav, он немного занимает); форматирование текста (жирный, курсив, подчеркнутый) и выравнивание (слева, по центру, справа); можно еще и шрифты разные, размеры и цвет текста =)); и наверное не мало нужная кнопка вставка переменной (и присвоение значения переменной). Порядка 15 шт.

Цитата(папа Карло @ 4.5.2011, 18:51) *
Прада, флэшки через Радикал не вставишь...
Не беда.
Других бесплатных хостингов не мало))
папа Карло
Сейчас бы хоть с картинками разобраться - и то хорошо. Коды и переменные можно и через Punto Switcher вставлять, пока, по крайней мере. smile.gif
мадам Арипма В.
"Кликабельных" картинок теперь не получается, плохо.
ARTrus
Цитата(мадам Арипма В. @ 5.5.2011, 5:56) *
"Кликабельных" картинок теперь не получается, плохо.
swf не пробовали?
папа Карло
Цитата
swf не пробовали?
Так что, теперь jpeg в swf переводить? blink.gif Это даже не смешно...
АРТрус, у тебя под фразой "братан! сталкер! помоги..." какое-то белёсое мельтешение - видимо флэшка, она не кликабельна разве была?

Прикинем, что мы имели в этой области:

1 - картинки, которые могли быть иллюстрацией к тексту или просто служить для привлечения внимания к инфу.
2 - слайдшоу на EVENT-s - для той же цели
3 - переход по клику на картинку на внешний ресурс
4 - переход по клику на картинку на другой шаблон
5 - калькулятор Гугл
6 - исправление ошибок Гугл
7 - различные информеры и т. д.
- может, что-то ещё забыл, это так, навскидку.

Что мы получили:

1 - скрытые картинки с возможностью редактирования ссылки - т.е. вместо "картинка" можем написать "жми сюда"...

- налицо явный регресс... sad.gif
Да, этой функции никто не обещал - но она значительно расширяла возможности инфов по сравнению с обычными чат-ботами, которых сейчас немало. Расширяла и область их применения и, соответственно, вызывала больший интерес пользователей. Так зачем же уничтожать то, что было полезно и для пользователей и для инфов? Ведь именно эти дополнительные возможности и способствовали популярности инфов, иначе всё, что они могут, ничем не отличается от любого другого чат-бота. А интерфейс можно любой сделать, хоть по желанию пользователя скины менять...Если инф стоит на стороннем ресурсе - то кому какая разница, как оформлен его кабинет где-то на iii...

Думаю, что оптимальным решением было бы восстановление всех возможностей и просто добавление дополнительной - сворачивать картинки alt-атрибутом по желанию пользователя.
ARTrus
Цитата(папа Карло @ 5.5.2011, 14:04) *
Так что, теперь jpeg в swf переводить? blink.gif Это даже не смешно...
АРТрус, у тебя под фразой "братан! сталкер! помоги..." какое-то белёсое мельтешение - видимо флэшка, она не кликабельна разве была?
Нет. Не кликабельная была.

папа Карло, вопрос по картинкам вообще у iii принципиальный. Нам тут бесполезно спорить.
В конечном итоге у каждой картинки и флэшки есть правообладатель. И когда эта картинка выглядит неотъемлемой частью инфа (в его балуне), то складывается впечатление (и у правообладателя в том числе), что картинка "принадлежит" ресурсу iii.
Этот "психологический" эффект и победил все наши лучшие намерения...
Хотя...
Да...
swf и "медленные" ссылки на картинки жутко тормозят движок инфа... Альтернативой могло бы стать кэширование этих "рисунков" серверами iii, но .... смотрите первый аргумент... wink.gif
папа Карло
Как всё просто! Мне уже на 3х форумах приходилось участвовать в обсуждении по теме "Плагиат" - и везде мнение большинства сводилось к тому, что если не хочешь, чтоб твоими картинками или фотками пользовались другие ставь на них защиту от копирования или не выкладывай в открытый доступ. Большинство же сходилось в том, что если их картинки кому-то понравились - так и на здоровье, пусть пользуется. Единственное, что плагиатом признавали все - это присвоение авторства. Художник, делающий копию какой-то картины, не является плагиатором если не претендует на авторство оригинала но при этом является автором копии. То, что мы видим в инфе, оригиналом уже не назовёшь, да и на авторство этих картинок никто не претендует. Я не собираюсь никого ни в чём переубеждать, это просто моё мнение. В борьбе с интернет-пиратством мы, как всегда, пошли своим путём...
Лисичкиус Фокстерьеров
Автором произведения является человек который его создал. Автором признаётся тот, кто первым опубликовал, не своровав предварительно у кого-нибудь разумеется. Картинки которые используются в инфах, опубликованы заведомо раньше чем вставлены в инфа. Иначе откуда бы они взялись? Соответственно, то что картинка выглядит неотъемлемой частью балуна, не должно беспокоить авторов в том, что кто-то присвоил их авторские права.
ARTrus
Цитата(Лисичкиус Фокстерьеров @ 6.5.2011, 18:25) *
Автором произведения является человек который его создал. Автором признаётся тот, кто первым опубликовал, не своровав предварительно у кого-нибудь разумеется. Картинки которые используются в инфах, опубликованы заведомо раньше чем вставлены в инфа. Иначе откуда бы они взялись? Соответственно, то что картинка выглядит неотъемлемой частью балуна, не должно беспокоить авторов в том, что кто-то присвоил их авторские права.
Но это не поимешат им подать в суд и выиграть... wink.gif
sh69
ARTrus, чтобы выиграть суд, необходимо чтобы авторство было заверено нотариально, иначе доказать что либо очень и очень сложно. Вряд ли каждый раз перед тем как выложить свои картинки автор обращается в нотариат. Все эти "картинки" лежат в интернете в свободном доступе, пользоваться ими может каждый.
И как отметил папа Карло,
Цитата(папа Карло @ 6.5.2011, 16:04) *
Художник, делающий копию какой-то картины, не является плагиатором если не претендует на авторство оригинала но при этом является автором копии.
Так и в нашем случае, "картинки" в балуне используются без присвоения авторства и указанием себя как источника!
И все же флешки и изображения используются в инфе, зачем тогда их прятать под [Картинка]...?!
Лисичкиус Фокстерьеров
Цитата(ARTrus @ 7.5.2011, 14:24) *
Но это не поимешат им подать в суд и выиграть... wink.gif


А-я-яй достаточно в таких случаях отправлять жалобщиков к конкретному инфоводу, а инфоводы картинки вставляют не по коммерческим соображениям. Я, например, заглядываю иногда на сайт фэнтези зе бест, там любой зарегистрированный пользователь может выкладывать хоть откуда скачанные картинки фэнтезийной тематики. Желательно имя художника конечно указывать. Там этих картинок многие тысячи. И никто в суд подавать на этот сайт никогда и не думал. Потому что сайт некоммерческий.
ARTrus
Это всё прекрасно хоть и наивно, но картинки теперь в отдельном окне... wink.gif
И мы этому никак не помешаем... unsure.gif
папа Карло
Это не наивно - sh69 абсолютно прав, любые права должны быть оформлены и закреплены по закону.
Цитата
И мы этому никак не помешаем..
К сожалению да...
папа Карло
Странно - в приложении "Мой инф" на mail.ru нет ни ссылки на сайт инфа ни "кнопки-ябеды" и балун там урезанный с правой стороны, длинные фразы обрезаются...Инф большой но картинки, которые в нём были, маленькие, и не скрытые. Значит, там пока старая версия, как и на форуме? Только почему он так коряво отформатирован... blink.gif
sh69
папа Карло, у меня ничего не урезано (Firefox, Chrome)
[+] Скрин
папа Карло


Цитата
папа Карло, у меня ничего не урезано (Firefox, Chrome)
У меня фраза из загрузки почему-то режется с конца...В лисе, в других не проверял.
sh69
папа Карло, проверил фразу (183 символа) на загрузку тоже не урезана, может это у тебя так, почисти браузер... или занового установи приложение. Скорее всего, простой глюк
ARTrus
Цитата(папа Карло @ 7.5.2011, 17:09) *
Это не наивно - sh69 абсолютно прав, любые права должны быть оформлены и закреплены по закону.
Согласен. Право судиться оформлено по закону. Этим правом есть желающие воспользоваться. Осталось найти "дойных коров"... wink.gif
Но это тоже не имеет отношения к "Картинками теперь можно управлять", если только не взять последнее слово в кавычки... wink.gif
папа Карло
Цитата
Но это тоже не имеет отношения к "Картинками теперь можно управлять", если только не взять последнее слово в кавычки...
Вот именно, это мы раньше могли ими управлять...У меня в некоторых шаблонах было вставлено по 2 кода - картинка и смех (swf), всё раньше работало, сегодня обнаружил, что при срабатывании такого шаблона на балуне появляются 2 ссылки "картинка" но при нажатии на первую открывается картинка, а нажатие на вторую инф воспринимает как ответ гостя и заявляет, что не понимает латиницу (код).

И ещё: в кабинете размер инфа почти вдвое больше, чем на сайте и форуме, в результате чтобы визуально подогнать размер картинки к размеру балуна на сайте приходится постоянно прыгать из кабинета на сайт и обратно...
raskraska012
Картинками в новой версии инфа можно управлять,а именно к картинке можно добавлять ссылки,добавить текст и даже вставить несколько картинок на одну ссылку.Правда код добавления всего этого не очень красивый,но это не моя вина.Как это сделать напишу на днях,покамест нет время.
raskraska012
Добавляем ссылку к картинке в инфе новой версии:
Пишем код вставки картинки:
<img src="http://iii.ru/i/sidebar/postcard.gif" width="160" height="128">
Добавляем к картинке ссылку:
<a href="https://www.google.ru" target="_blank"><img src="http://iii.ru/i/sidebar/postcard.gif" width="160" height="128"></a>
Убираем начальную и конечную угловую скобку:
a href="https://www.google.ru" target="_blank"><img src="http://iii.ru/i/sidebar/postcard.gif" width="160" height="128"></a
Заменяем двойные кавычки " на одинарные кавычки ':
a href='https://www.google.ru' target='_blank'><img src='http://iii.ru/i/sidebar/postcard.gif' width='160' height='128'></a
Заменяем открывающею угловую скобку < на %3C,
Заменяем закрывающею угловую скобку > на %3E:
a href='https://www.google.ru' target='_blank'%3E%3Cimg src='http://iii.ru/i/sidebar/postcard.gif' width='160' height='128'%3E%3C/a
Адрес ссылки готов,пишем адрес и вставляем в неё нашу ссылку:
<a href="event:a href='https://www.google.ru' target='_blank'%3E%3Cimg src='http://iii.ru/i/sidebar/postcard.gif' width='160' height='128'%3E%3C/a"><b>Google</b></a>
Готово и у нас получилась картинка с ссылкой и сам текст ссылки на картинку написали жирным текстом(можно написать текст цветным).Конечно коряво не по моей вине,но работает.
папа Карло
Виу была права, когда говорила, что инфоводы выкрутятся из любой ситуации, добавлю - пока здесь есть Раскраска. biggrin.gif
ARTrus
Боюсь и этот фокус прикроют... sad.gif
папа Карло
Цитата
Боюсь и этот фокус прикроют... sad.gif
А это-то чем может помешать? Кликабельная картинка - та же ссылка и обычно ведёт на сайт, где она же и размещена, ещё спасибо должны сказать biggrin.gif . Или иконка, как у Раскраски - на их использование вообще ограничений я не встречал...
Настёна Сластёна
Цитата(Snick @ 3.5.2011, 15:24) *
Друзья,

Теперь вы можете управлять текстом ссылки, на которую заменяется изображение. Делается это так:
Код
<img src="http://example.com/image.jpg" alt="свой текст"/>


В ответе инфа картинка будет заменена на ссылку с текстом "свой текст".

Если свой текст не указан, то ссылка будет с текстом "картинка"

Спасибки! rolleyes.gif

-=Подпись отключена за звук в инфе=-
Дим@с
всем хай пожалуйста помогите по развитию инфа я новичок мой инф астро-механникон на 757 месте помогити плз
папа Карло
Всё, что тебе сейчас нужно - это справка по обучению инфа у тебя в кабинете, А ЕЩЁ ЗАПОМНИТЬ, ЧТО ПИСАТЬ НУЖНО ТОЛЬКО ПО ТЕМЕ, а не где попало, иначе это считается флудом.
папа Карло
Так как вопрос с картинками благополучно разрешился ко всеобщему удовольствию тему, наверное, можно закрыть. Кто не понял насчёт кликабельных картинок с переходом на другой сайт - просто совмещаем вставку ссылки и вставку картинки, вот таким образом:
<a href="http://адрес сайта" target="_blank"><u><IMG src="http://адрес картинки" width="150" height="100" class="inline"></u></a>
- и при клике на картинку будете попадать на нужный сайт.
ARTrus
Цитата(папа Карло @ 3.10.2011, 1:47) *
Так как вопрос с картинками благополучно разрешился ко всеобщему удовольствию тему, наверное, можно закрыть. Кто не понял насчёт кликабельных картинок с переходом на другой сайт - просто совмещаем вставку ссылки и вставку картинки, вот таким образом:
<a href="http://адрес сайта" target="_blank"><u><IMG src="http://адрес картинки" width="150" height="100" class="inline"></u></a>
- и при клике на картинку будете попадать на нужный сайт.
.т.е. как и предполагалось находки raskraska012 в виде "event:" не нужны...
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2019 IPS, Inc.