Записи участника (Мыдаров) (Форум аццкого кодера)

Форум аццкого кодера

  • Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Мыдаров [6]
Результаты поиска
Дата: Вторник, 03.03.2015, 21:48 | Сообщение #1 | Тема: Как сделать ... ? Вопросы только по операторам юКоз (uCoz)
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте. Помогите составить автоматический шаблон вывода изображений.
Использую модуль Каталог файлов.
Имеется код:

Код
<img src="$DOCPAGE_URL$/1.png" title="Страница №1">
<img src="$DOCPAGE_URL$/2.png" title="Страница №2">
<img src="$DOCPAGE_URL$/3.png" title="Страница №3">
<img src="$DOCPAGE_URL$/4.png" title="Страница №4">


и т.д. до 50 страниц(изображений).

В поле $DOCPAGE_URL$ (ссылка на страницу с документацией к материалу) я ввожу путь до изображений
Например http://onlinecomics.ru/spider-man/
В итоге у меня всё заполняется и получается полный путь до изображений:

Код
<img src="http://onlinecomics.ru/spider-man/1.png" title="Страница №1">
<img src="http://onlinecomics.ru/spider-man/2.png" title="Страница №2">
<img src="http://onlinecomics.ru/spider-man/3.png" title="Страница №3">
<img src="http://onlinecomics.ru/spider-man/4.png" title="Страница №4">


Ко всему этому я хочу задействовать ещё одно поле, в которое я буду вводить число при добавлении материала, например 15, и мне на страницу будет выводится 15 изображений.

Либо может через какой то другой условный оператор можно такое реализовать?
Подскажите пожалуйста.

 
Дата: Среда, 04.03.2015, 20:49 | Сообщение #2 | Тема: Как сделать ... ? Вопросы только по операторам юКоз (uCoz)
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, всё получилось, огромнейшее спасибо!

 
Дата: Воскресенье, 22.03.2015, 00:04 | Сообщение #3 | Тема: Плавное увеличение картинки
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте, помогите дополнить код:

Код
.str {
    overflow:hidden;
    }

.str img {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    }
       
.str img:hover{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    }


Код изображения:
Код
<div class="str"><img src="ссылка"></div>


При наведении курсора на картинку, она увеличивается внутри блока не выходя за границы.
Вот демо - _http://onlinecomics.ru/index/0-105

Помогите сделать так, чтобы увеличение происходило не по центру, а в том месте куда направлен курсор, и ещё чтобы при движении курсора картинка тоже двигалась внутри этого блока, типо эффект параллакса.

 
Дата: Вторник, 05.05.2015, 01:16 | Сообщение #4 | Тема: Помогите наладить работу скрипта
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


 Имеется вот такой скрипт

Код
<script language="JavaScript">
function loadfrm()
{
var content = '<div class="str"><a href="http://site.ru/1.png" rel="shadowbox[comix]"><img src="http://site.ru/1.png" title="Страница №1"></a></div><div class="str"><a href="http://site.ru/2.png" rel="shadowbox[comix]"><img src="http://site.ru/2.png" title="Страница №2"></a></div>'
document.getElementById("frm_content").contentWindow.document.body.innerHTML = content;
}
</script>

<iframe name="frm_content" id="frm_content"  src="" scrolling="yes"  width="99%" height="100%" ></iframe>

<a href="#" onClick="loadfrm(); return false;">Загрузить</a>


Суть скрипта в том, что при нажатии на ссылку "Загрузить", в ифрейм загружается вот такая вот конструкция:
<div class="str"><a href="http://site.ru/1.png" rel="shadowbox[comix]"><img src="http://site.ru/1.png" title="Страница №1"></a></div><div class="str"><a href="http://site.ru/2.png" rel="shadowbox[comix]"><img src="http://site.ru/2.png" title="Страница №2"></a></div>

В таком порядке всё нормально работает, вот пример - http://onlinecomics.ru/index/0-105

Но если код в скрипте размещён не в одну строку, а разделён на две
вот так:
<div class="str"><a href="http://site.ru/1.png" rel="shadowbox[comix]"><img src="http://site.ru/1.png" title="Страница №1"></a></div>
<div class="str"><a href="http://site.ru/2.png" rel="shadowbox[comix]"><img src="http://site.ru/2.png" title="Страница №2"></a></div>

То скрипт отказывается работать. Как можно решить эту проблему? Очень надеюсь на вашу помощь.

Сообщение отредактировал Мыдаров - Вторник, 05.05.2015, 01:18
 
Дата: Вторник, 05.05.2015, 10:17 | Сообщение #5 | Тема: Помогите наладить работу скрипта
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline
Цитата likbezz, Вт, 05.05.2015, 10:01:04
Добрый
В JS-строке нельзя делать переносы строк подобным образом.

Эх очень жаль =( не знал про это.

Цитата likbezz, Вт, 05.05.2015, 10:01:04
Смотря для чего вам это нужно..
Если чисто для удобства работы - можно посмотреть в сторону массивов..:

К сожалению это вынужденная мера.
У меня на сайте добавлено более 7000 материалов, внутри каждого материала именно вот такая конструкция, каждый div блок с новой строки.
Т.е. я планировал сделать вот так:
Код
var content = '$MESSAGE$'

Но так как внутри односторонность не соблюдается, это не работает =(

А редактировать такое количество материалов в ручную, не думаю что я осилю.

Может есть какие нибудь другие способы? Просто подкиньте идею =)

 
Дата: Среда, 06.05.2015, 20:22 | Сообщение #6 | Тема: Помогите наладить работу скрипта
Мыдаров
Рядовой
Группа: Проверенные
Сообщений: 6
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, Вот чёрт, вы действительно Аццкий кодер =) Всё получилось! Огромнейшее вам спасибо, как только я смогу нормально монетизировать сайт, обязательно пожертвую вам первую прибыль =)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Мыдаров [6]
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия