Дать один класс всем картинкам на странице
|
|
|
2011-10-12Дата: Среда, 12.10.2011, 22:04 | Сообщение # 1 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Доброго времени суток Антон! Вот не как не могу разобраться в скрипте, вопрос такой: Допустим есть такой класс с помощью скрипта "myclass" и он используется для картинок на сайте например <img src="1.png" class="myclass"> И чтобы каждый рас не задавать этот класс, как сделать чтобы все ссылки с окончанием .png .img .gif и т.п. автоматический имели класс "myclass" без кода <img src="#"> ? будет интересно если покажите сразу пару примеров, буду рад новым знанием
Сообщение отредактировал uhelp - Среда, 12.10.2011, 22:05 | | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 00:44 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
uhelp, Quote (uhelp) Доброго времени суток Антон! Доброй ) ... Самое лучшее время суток, везде и всегда ))) ... ... Quote (uhelp) Вот не как не могу разобраться в скрипте, вопрос такой: Допустим есть такой класс с помощью скрипта "myclass" и он используется для картинок на сайте например <img src="1.png" class="myclass"> И чтобы каждый рас не задавать этот класс, как сделать чтобы все ссылки с окончанием .png .img .gif и т.п. автоматический имели класс "myclass" без кода <img src="#"> ? Вас интересует как задать всем картинкам класс «myclass» или все же всем ссылкам (“чтобы все ссылки с окончанием .png .img .gif и т.п.”) ... Это существенно ... ) ... Quote (uhelp) будет интересно если покажите сразу пару примеров, буду рад новым знанием Всё просто. Если просто для всех картинок страницы: Code <script type="text/javascript"> $(function(){ /*Start DocumentReady*/ $('img').addClass('myclass'); /*End DocumentReady*/ }); </script>
Тоже самое, но только для блока с ID, например, myId: Code <script type="text/javascript"> $(function(){ /*Start DocumentReady*/ $('#myId img').addClass('myclass'); /*End DocumentReady*/ }); </script> ... Только для картинок с расширением «.jpg» в блоке с ID == myId, например: Code <script type="text/javascript"> $(function(){ /*Start DocumentReady*/ $('#myId img[src$=".jpg"]').addClass('myJpg'); /*End DocumentReady*/ }); </script>
Только для ссылок на картинки с расширением «.jpg» в блоке с ID == myId: Code <script type="text/javascript"> $(function(){ /*Start DocumentReady*/ $('#myId a[href$=".jpg"]').addClass('linkJpg'); /*End DocumentReady*/ }); </script> ...
☑ Пример .... ...
По теме: «Результаты по запросу: оформление ссылок» ...
| | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 01:08 | Сообщение # 3 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Большое спасибо! Завтра на днях сделаю скрипт, и отпишусь получилось или нет, прошу вас пока не закрывать тему, и еще рас спасибо за примеры.
| | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 01:18 | Сообщение # 4 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) или все же всем ссылкам (“чтобы все ссылки с окончанием .png .img .gif и т.п. Да только ссылкам, и без кода <img src="#"> например, я выбрал файл с компьютера и загрузил ее в форум, и она будет выглядеть так: http://likbezz.ru/_fr/4/0347043.png Нужно чтобы к этой картинке я дал свой класс и сделать скрипт для этого класса. P.S. У меня есть один скрипт для картинок, и его класс задается таким образом Code "className": "MyclassName" И для того чтобы скрипт делал свою работу, нужно добавить в картинку класс (<img src="1.png" class="myclass">) И чтобы каждый рас не добавлять, и у пользователей нету доступа к HTML тегам, я задумался сделать такой скрипт чтобы автоматический дал класс всем картинкам на странице, например ссылка http://likbezz.ru/_fr/4/0347043.png
Сообщение отредактировал uhelp - Четверг, 13.10.2011, 01:20 | | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 10:26 | Сообщение # 5 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
uhelp, Quote (uhelp) P.S. У меня есть один скрипт для картинок, и его класс задается таким образом Code "className": "MyclassName" И для того чтобы скрипт делал свою работу, нужно добавить в картинку класс (<img src="1.png" class="myclass">) Может проще отредактировать сам скрипт, нежели писать дополнительный для нужных задания классов? ... По моему это логичнее и проще ...
| | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 13:11 | Сообщение # 6 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Давайте попробуем разобраться в самом скрипте... В общем я вчера поздно решил попробовать использовать скрипт из ваших примеров, но к большому моему сожалению скрипт вообще перестал работать. Пожалуйста дайте свой э-мейл или icq чтобы я вам показал сам скрипт и на демо сайте как он работает и устанавливается, скрипт не сложный и всего займет пару ваших времени! Мой icq 625177570. Пожалуйста очень прошу, а ответ обязательно оставлю в этой теме после разборки скрипта. Или дайте пожалуйста свой контакт для связи
| | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 17:58 | Сообщение # 7 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
uhelp, Quote (uhelp) Пожалуйста дайте свой э-мейл или icq чтобы я вам показал сам скрипт и на демо сайте как он работает Чем вам не подходит форум или система личных сообщений? Код можете выложить и здесь, а адрес сайта - в личку, если не хотите светить. Кроме того, я не решаю подобные вопросы в Аське, она, кстати, в профиле. ...
| | |
|
|
2011-10-13Дата: Четверг, 13.10.2011, 23:52 | Сообщение # 8 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) Чем вам не подходит форум или система личных сообщений? Я понимаю, давайте лучше я вам напишу в ЛС и объясню почему я попросил icq.Добавлено (13.10.2011, 23:52) --------------------------------------------- В ЛС Quote Длина сообщения превышает допустимое значение
Поэтому все таки лучше тут В общем о скрипте, скрипт для наложения водяных знаков, и с помощью яваскрипта, скрипт написан для HTML5 на элементе канвас. Функция data:image/png;base64
И вот полный код:
Code <!-- Look at the configuration --> <script src="/wotemark/watermark.js"></script> <script> var load = false; window.onload = function(){ if(!load) { wmark.init({ /* config goes here */ "position": "bottom-right", // default "bottom-right" "opacity": 50, // прозрачность- 50 "className": "watermark", // default "watermark" "path": "wotemark/chopp.png" }); load = true; } } </script> <!-- IGNORE THIS -->
И для того чтобы он нанес свой удар на картинку, нужно добавить картинку в тег <img src="mypic.png" class="watermark"> И чтобы он работал и для пользователей сайта, нужно чтобы все ссылки с оканчанием .png .gif .jpg и т.п. автоматический имели класс watermark. Вот в этом и проблема, и демо можно увидеть на том сайте где находится файл js. Помогите пожалуйста разобраться, это вообще можно сделать, хоть как то, но без <img> ?
P.S ссылку на сайт, и на файл js отправил в ЛС
| | |
|
|
2011-10-14Дата: Пятница, 14.10.2011, 01:52 | Сообщение # 9 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
uhelp, Quote (uhelp) И для того чтобы он нанес свой удар на картинку, нужно добавить картинку в тег <img src="mypic.png" class="watermark"> И чтобы он работал и для пользователей сайта, нужно чтобы все ссылки с оканчанием .png .gif .jpg и т.п. автоматический имели класс watermark. Вот в этом и проблема, и демо можно увидеть на том сайте где находится файл js. Помогите пожалуйста разобраться, это вообще можно сделать, хоть как то, но без <img> ? Code <script type="text/javascript"> var load=false; window.onload=function(){ if(!load){ $('div.BlockCont img').addClass('watermark'); /* Блок в котором картинки */ wmark.init({ /* config goes here */ "position": "bottom-right", /* default "bottom-right" */ "opacity": 50, /* прозрачность- 50 */ "className": "watermark", /* default "watermark" */ "path": "/_example/jscript/2011/watermark/chopp.png" }); load=true; }} </script>
... ☑ Пример - (код для вас отмечен комментариями в исходнике) ... ...
| | |
|
|
2011-10-14Дата: Пятница, 14.10.2011, 23:58 | Сообщение # 10 |
Рядовой
Группа: Пользователи
Статус: Offline
|
Спасибо вам большое за уделенное времени и за помощь. Очень благодарен.
| | |
|
|
2013-11-24Дата: Воскресенье, 24.11.2013, 12:42 | Сообщение # 11 |
Рядовой
Группа: Проверенные
Статус: Offline
|
10 раз попробовал установить для модуля "Онлайн игры" IMAGE1 и т.д. Ничего не работает. likbezz, можешь объяснить как установить скрипт для этого модуля ?
| | |
|
|
2013-11-24Дата: Воскресенье, 24.11.2013, 23:22 | Сообщение # 12 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
ICE-DOG, 10 раз попробовал установить А надо было один раз внимательно прочитать тему.
можешь объяснить как установить скрипт для этого модуля ? Тема полностью раскрыта. Дублировать ответы не нахожу необходимым. Конкретные вопросы по теме есть?
| | |
|
|
2013-11-25Дата: Понедельник, 25.11.2013, 08:17 | Сообщение # 13 |
Рядовой
Группа: Проверенные
Статус: Offline
|
likbezz, и на файл js отправил в ЛС Возможно у меня просто нет файла js
| | |
|
|
2013-11-25Дата: Понедельник, 25.11.2013, 20:15 | Сообщение # 14 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
ICE-DOG, Возможно у меня просто нет файла js Так есть же рабочий пример.. http://likbezz.ru/_example/jscript/2011/watermark/watermark.js
| | |
|