Фильтр по:
  

Информер, вывод фоток на главную. с переключателем страниц

Информеры

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Информеры » Информер, вывод фоток на главную. с переключателем страниц (вывод фоток на главную фотоальбома информером 300 штук)
Информер, вывод фоток на главную. с переключателем страниц
Дата: Понедельник, 07.05.2012, 01:22 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz, можно тебе ещё повыносить мозг про переключатели и вывод фоток на главную фотоальбома
информером.
Сразу возникает несколько вопросов:
1. как ты сделал переключатели. Т.е. я понял, что скриптом, но как?
2. Будут ли эти фотки индексироваться;
3. Я так понимаю, что они подгружаются на одной странице (на главной) и весь код на ней.
4. Какая переменная выводит в информере фотки больше демок (100х80), но меньше основного размера фото?
Чёт я такого не нашел, или опять нужно плясать с операторами? Но они же вроде бы в информерах не работают! А выводить оригиналы фоток и принудительно их уменьшать до нужного размера (300х185), согласись это бред!

Сообщение отредактировал bandjuk - Понедельник, 07.05.2012, 01:23
 
Дата: Понедельник, 07.05.2012, 09:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
можно тебе ещё повыносить мозг про переключатели и вывод фоток на главную фотоальбома

Рискни )
Quote (bandjuk)
Сразу возникает несколько вопросов:
1. как ты сделал переключатели. Т.е. я понял, что скриптом, но как?

Вообще-то руками ) Кол-во материалов известно, просто поделил на количество фоток на страницу - 300/15 == 20
... Можно, конечно и скриптом, но так как писалось на скорую руку заморачиваться не стал.
...

Quote (bandjuk)
2. Будут ли эти фотки индексироваться;

Будут.
...

Quote (bandjuk)
3. Я так понимаю, что они подгружаются на одной странице (на главной) и весь код на ней.

Да, весь код на ней.
Можно сделать и подругому - создать отдельную страницу в редакторе, запихнуть туда информер и брать get запросом по клику отдельный блок. Так даже лучше будет в смысле веса страницы, но хуже в смысле индексации. То бишь индексироваться будет, но не страница альбома, а страница с информером.
...

Quote (bandjuk)
4. Какая переменная выводит в информере фотки больше демок (100х80), но меньше основного размера фото?

Та же, что и обычно: Какой код отвечает за вывод средних картинок фотоальбома ...
...

Quote (bandjuk)
Чёт я такого не нашел, или опять нужно плясать с операторами? Но они же вроде бы в информерах не работают!

Все строковые и математические операторы работают в информерах
...


 
Дата: Понедельник, 07.05.2012, 13:01 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz,
Quote
Вообще-то руками ) Кол-во материалов известно, просто поделил на количество фоток на страницу - 300/15 == 20
... Можно, конечно и скриптом, но так как писалось на скорую руку заморачиваться не стал.
...

если ты думаешь, что я понял как ты это сделал, то ты ошибаешся!
Распиши плиз как и что делать, а то с исходника нихрена не понять! sad sad
Как можно информер вручную поделить на страницы? wacko wacko wacko wacko wacko
Ну известно количество фоток и что? Вообще не понимаю!

Quote
Та же, что и обычно: Какой код отвечает за вывод средних картинок фотоальбома ...

ага я ещё вчёра сделал, извини забыл написать. Сделал информер популярных фоток 4 шт. в 2 столбика, вышло как раз то, что мне нужно! smile

 
Дата: Вторник, 08.05.2012, 00:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
если ты думаешь, что я понял как ты это сделал, то ты ошибаешся!

Ну, смотри, это не очень сложно ...
Вот есть информер.
Он, циклом, выводит, допустим, 300 материалов.
У цикла есть счётчик - $NUMBER$ - отсчёт с единицы.

Задача: вывести циклом несколько блоков в каждом из которых по №-ому кол-ву материалов.

Формат блоков:
Code
<div id="phPage{NUMBER}">
набор фоток
</div>


Расчёты:
Допустим, в каждом блоке будет по 15 фоток.
Следовательно, при старте цикла нужно записать открывающий блок.
На 16 фотке записать закрывающий тег и открывающий для нового блока.
...

Условие:
Code
<?if($NUMBER$='1')?>
<div id="phPage$NUMBER$" class="phPage">
<?endif?>
<!--Start(Шаблон информера)-->
... Материал № 1 ...
<!--//End(Шаблон информера)-->


Так как условия будем вначале информера, то проверять будет на целочисленный остаток от деления на 16 - почему на 16 - потому что следующий за 15 материал имеет порядковый номер 16.

Далее:
Code
<?if($NUMBER$%16='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
<!--Start(Шаблон информера)-->
... материал № 16 ...
<!--//End(Шаблон информера)-->

Где:
Если материал кратный 16 - закрываем предыдущий блок и открываем новый скрытый блок...

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

Ну, и в конце пишем:
Code
<!--Start(Шаблон информера)-->
... материал № 300 ...
<!--//End(Шаблон информера)-->
<?if($NUMBER$='300')?>
</div>
<?endif?>

Закрываем открытый на 286-м (300 - 16) материале блок ...
...

Код получили.
Переключатели просты как две копейки:
Code
<script type="text/javascript">
function mySpages(showId){
$('div.phPage').hide();
$('#phPage'+showId).show();
return false;
};
</script>

Где:
Скрываем все блоки, и открываем конкретный ...

Сама ссылка:
Code
<a class="swchItem1" href="javascript://" onclick="mySpages('1');return false;"><span>16-30</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('16');return false;"><span>31-45</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('31');return false;"><span>391-405</span></a>
... и так далее ...

Где:
b1 == 1
b2 == b1+15 == 16
b3 == b2+15 == 31
b4 == b3+15 == 46 .....
...

Остальное - стили - размер блокам с фотками + float или inline-block ...
....

 
Дата: Вторник, 08.05.2012, 02:45 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz, да, наверно зря я тебе головоломки давал .... теперь ты меня озадачил!
wacko %) wacko %)
Смотри чего вышло:

Quote

<?if($NUMBER$='1')?>
<div id="phPage$NUMBER$" class="phPage">
<?endif?>
... Материал № 1 ...
<?if($NUMBER$%16='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 16 ...
<?if($NUMBER$%32='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 32 ...
<?if($NUMBER$%48='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 48 ...
<?if($NUMBER$%64='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 64 ...
<?if($NUMBER$%80='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 80 ...
<?if($NUMBER$%96='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 96 ...
<?if($NUMBER$%112='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 112 ...
<?if($NUMBER$%128='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 128 ...
<?if($NUMBER$%144='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 144 ...
<?if($NUMBER$%160='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 160 ...
<?if($NUMBER$%176='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 176 ...
<?if($NUMBER$%192='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 192 ...
<?if($NUMBER$%208='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 208 ...
<?if($NUMBER$%224='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 224 ...
<?if($NUMBER$%240='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 240 ...
<?if($NUMBER$%256='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 256 ...
<?if($NUMBER$%272='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 272 ...

<?if($NUMBER$%286='0')?>
</div><div id="phPage$NUMBER$" class="phPage" style="display:none;">
<?endif?>
... материал № 286 ...
... материал № 300 ...
<?if($NUMBER$='300')?>
</div>
<?endif?>

<script type="text/javascript">
function mySpages(showId){
$('div.phPage').hide();
$('#phPage'+showId).show();
return false;
};
</script>

<a class="swchItem1" href="javascript://" onclick="mySpages('1');return false;"><span>16-30</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('16');return false;"><span>31-45</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('31');return false;"><span>46-60</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('46');return false;"><span>61-75</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('61');return false;"><span>76-90</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('76');return false;"><span>91-105</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('91');return false;"><span>106-120</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('106');return false;"><span>121-145</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('121');return false;"><span>146-160</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('146');return false;"><span>161-175</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('161');return false;"><span>176-190</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('176');return false;"><span>191-205</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('191');return false;"><span>206-220</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('206');return false;"><span>221-245</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('221');return false;"><span>246-260</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('246');return false;"><span>261-275</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('261');return false;"><span>276-290</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('276');return false;"><span>291-305</span></a>


Теперь мо любимый вопрос: что делать дальше? Что куда пихать? Блин чувствую себя полным нубом! wink

P.S. смотрю ты поле ввода подкорректировал! smile

Добавлено (08.05.2012, 02:45)
---------------------------------------------



Сообщение отредактировал bandjuk - Вторник, 08.05.2012, 02:34
 
Дата: Вторник, 08.05.2012, 02:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
Смотри чего вышло:

Уу )
Да ты не понял что такое целочисленный остаток )))
Это когда число делится на другое число без остатка.
Следовательно:
Code
$NUMBER$%16='0'
 будет верно когда? Когда число $NUMBER$ будет делится на 16 без остатка, а именно 16, 32, 48, 64 ... 272, 288 ...

Из этого следует, вопрос: зачем ты проверяешь на
Code
<?if($NUMBER$%32='0')?>
 ?

Всё гораздо проще )
...

И кстати, в шаблон информера нужно пихать только условие и код, переключатели и скрипт - это на страницу, а не в информер.
...

Quote (bandjuk)
Блин чувствую себя полным нубом!

Давай, давай, вкуривай ... это же самое главное, использовать можно везде, не только для фоток )))
...

Quote (bandjuk)
P.S. смотрю ты поле ввода подкорректировал!

Спецом для тебя, сразу же после упоминания )
...

 
Дата: Вторник, 08.05.2012, 02:48 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline
Quote
И кстати, в шаблон информера нужно пихать только условие и код, переключатели и скрипт - это на страницу, а не в информер.

Антом, ты меня сейчас вообще опустил ниже плинтуса! angry sad
Quote
Спецом для тебя, сразу же после упоминания )

так так же удобнее! smile

 
Дата: Вторник, 08.05.2012, 02:49 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
Антом, ты меня сейчас вообще опустил ниже плинтуса!

Это я так, на всякий, уточнил для других - это общий форум - мало ли))

Кстати, готовлю новую площадку для форума.
...

 
Дата: Вторник, 08.05.2012, 03:01 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline
Quote
Из этого следует, вопрос: зачем ты проверяешь на

Твою бога душу мать, так как правильно писать-то? wacko %) wacko %) wacko

Quote
Кстати, готовлю новую площадку для форума.

в смысле?

likbezz, погодь, по-моему дошло! Сейчас проверю!

не, ложная тревога, нихрена мне не дошло! surprised

Сообщение отредактировал bandjuk - Вторник, 08.05.2012, 03:02
 
Дата: Вторник, 08.05.2012, 03:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Code
<?if($NUMBER$='1')?><div id="phPage$NUMBER$" class="phPage"><?endif?>
<?if($NUMBER$%16='0')?></div><div id="phPage$NUMBER$" class="phPage" style="display:none;"><?endif?>
Материал № $NUMBER$
<?if($NUMBER$='300')?></div><?endif?>


Или вот так:
Code
<?if($NUMBER$='1')?><div id="phPage$NUMBER$" class="phPage"><?endif?>
Материал № $NUMBER$
<?if($NUMBER$%15='0')?></div><div id="phPage$NUMBER$" class="phPage" style="display:none;"><?endif?>
<?if($NUMBER$='300')?></div><?endif?>

...

 
Дата: Вторник, 08.05.2012, 12:54 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz, Всё, я здаюсь, нихрена у меня не выходит! wink
И дело не в математике как ты пишешь! Просто хрен поймёшь, что куда вставлять! Как ни крутил выводятся все 300 фоток! Ты бы уже написал что, куда и как, а я бы уже посмотрел чего, где и как я делал не так!

Сообщение отредактировал bandjuk - Вторник, 08.05.2012, 13:13
 
Дата: Вторник, 08.05.2012, 15:27 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
Просто хрен поймёшь, что куда вставлять! Как ни крутил выводятся все 300 фоток!

Да, тогда действительно, дело не в математике.

[ Фотоальбомы · Материалы · Дата добавления материала A · Материалы: 300 · Колонки: 1 ]




...
http://likbezz.ru/index/rcode/0-18
Прикрепления: 4053800.png (6.1 Kb) · 5231235.png (13.2 Kb)

 
Дата: Вторник, 08.05.2012, 15:47 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz,
Quote
Да, тогда действительно, дело не в математике.

ну а хамить то зачем? wacko Ну не выходит у меня, http://fotki.ucoz.ua/index/test/0-22

Прикрепления: 5873888.jpg (65.3 Kb)

Сообщение отредактировал bandjuk - Вторник, 08.05.2012, 15:49
 
Дата: Вторник, 08.05.2012, 16:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bandjuk,
Quote (bandjuk)
ну а хамить то зачем?

А где я хамлю?
Это ты да же пробуешь разобраться, ждёшь готового кода ... Ладно если бы это было супер-сложно или требовало каких-то знаний которых у тебя нет ... здесь же просто нужно включить логику и подумать...
...

Quote (bandjuk)
Ну не выходит у меня, http://fotki.ucoz.ua/index/test/0-22

Что именно не выходит? ...





- Материалы выводятся, смотри исходник ...
...
Прикрепления: 0751028.png (1.9 Kb) · 0137023.png (4.5 Kb)

 
Дата: Вторник, 08.05.2012, 16:05 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


 likbezz, блин, ну ты даешь! Сам написал мне так:
Quote
<a class="swchItem1" href="javascript://" onclick="mySpages('1');return false;"><span>16-30</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('16');return false;"><span>31-45</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('31');return false;"><span>391-405</span></a>
... и так далее ...


а у самого так:
Quote
<a class="swchItem1" href="javascript://" onclick="mySpages('1');return false;"><span>16-30</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('15');return false;"><span>31-45</span></a>
<a class="swchItem1" href="javascript://" onclick="mySpages('30');return false;"><span>391-405</span></a>


Ясный перец оно не работает! wacko

Сообщение отредактировал bandjuk - Вторник, 08.05.2012, 16:06
 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Информеры » Информер, вывод фоток на главную. с переключателем страниц (вывод фоток на главную фотоальбома информером 300 штук)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


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