|
Дать один класс всем картинкам на странице
|
|
|
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
| | |
|
