При хостинг поддержке Интернет-сообщества VBIOS CS-Mapping.com.ua
Вернуться   CS-Mapping.com.ua > Forum > Общалка > Офф-Топик
Ник
Пароль
Регистрация Правила форума FAQ Пользователи Администрация Календарь Поиск За 24 часа Пометить все разделы прочитанными

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 16.05.2016, 14:54  #1
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию Подайте JS-бомжу на галерею

Короче, нужны простой слайдер\галерейка на JS или Canvas (сам не умею ни в то ни в другое). Суть такова: картинка, тыкаешь, разворачивается слайдер, листаешь, тыкаешь ещё где-то - закрывается, остаётся исходная картинка. Таких будет несколько на страницу, чтобы не делать для каждой категории картинок отдельную страницу. PHP и прочие плагины не предлагать, на сервере нет ничего вообще, самый нищий тариф.
Raid вне форума Ответить с цитированием
Старый 16.05.2016, 15:59  #2
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

Могу дать свой. Работает стабильно, кроссбраузерный.

http://komatsusib.ru/company/news/news_208.html

В этой новости чуть ниже иконочки. Вот по ним тыкаешь - разворачивается окно. Это то, что тебе нужно?
Enimakanaon вне форума Ответить с цитированием
Старый 16.05.2016, 16:12  #3
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию

2 Enimakanaon:
Я уже нашёл и адаптировал рабочий: http://yellowlemon.net/javascript/g...ok-tinyslider-2

Теперь остаётся только как-то добавить разворот по клику на слайде (с уменьшенного изображения до полного)

Вот так выглядит объявление переменных в html

А вот так сам скрипт.
Туда как-то можно ввернуть функцию разворота по клику на текущей картинке? (и что бы пока развёрнуто - не рыпалось).

Последний раз редактировалось Raid, 16.05.2016 в 16:47.
Raid вне форума Ответить с цитированием
Старый 16.05.2016, 17:02  #4
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

2 Raid:
Сайт то дай, куда встраиваешь. А то мне отсюда вообще не видно, куда ты что повставлял.
Enimakanaon вне форума Ответить с цитированием
Старый 16.05.2016, 17:08  #5
FiEctro
FiEctro
Регистрация: 28.07.2006
Адрес: Эквестрия
Возраст: 30
Сообщения: 17,146


По умолчанию

2 Raid:
http://plugins.jquery.com/
Ищи тут, на Жквери полно галерей и слайдеров.
FiEctro вне форума Ответить с цитированием
Старый 16.05.2016, 17:12  #6
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

2 FiEctro:
Да он нашел уже. Теперь ему надо написать туда функционал всякий.

Я это всегда делаю чистым кодом, максимум джыквери, выходит строчек 10. У этих плагинщиков шесть страниц кода для реализации просто слайдилки - вот блин обожаю создателей фреймворков. И это они еще на жыквери все понаписали, а не на чистом жаваскрипте. Жгут, черти.

Я напишу что надо, если мне рейд даст собсна элемент, в который встроиться надо.
Enimakanaon вне форума Ответить с цитированием
Старый 16.05.2016, 17:40  #7
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию

2 Enimakanaon:
Я дам, как только прорвусь на сервер (не уплочено за месяц).
Raid вне форума Ответить с цитированием
Старый 16.05.2016, 17:42  #8
FiEctro
FiEctro
Регистрация: 28.07.2006
Адрес: Эквестрия
Возраст: 30
Сообщения: 17,146


По умолчанию

2 Enimakanaon:
Ну это хорошо что ты JS знаешь, можешь себе это позволить. Я же например с нуля врядли подобное напишу, а вот такие вещи очень помогают в случаях когда надо фигак фигак и в продакшн. Да есть много минусов у такого подхода, но плюсы их всех перекрывают.
FiEctro вне форума Ответить с цитированием
Старый 16.05.2016, 17:47  #9
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию

Народу нужна разметка менюшечек и выпадалочек, без этих всяких абстракций с переменными и арифметикой. Глядишь в HTML6 застанем, если доживём.
Raid вне форума Ответить с цитированием
Старый 16.05.2016, 19:52  #10
FiEctro
FiEctro
Регистрация: 28.07.2006
Адрес: Эквестрия
Возраст: 30
Сообщения: 17,146


По умолчанию

2 Raid:
Ну да, обычно выходит так - сделай мне магазин типа Авито за 1000 рублей, так еще и до завтра.
FiEctro вне форума Ответить с цитированием
Старый 16.05.2016, 20:42  #11
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

2 FiEctro:
Ага, и заказывают сайт у аутсорсеров. Которые нефига не знают ни верстки, ни кода, ни вообще никакой базы. Они такие берут, устанавливают вордпресс, вбабахивают туда стандартных шаблонов и обмазывают жыквери фреймворками. А страницы спешно доверстывают в визивике. И на выходе тааааакая дичь, что вообще хоть убегай.

Я пока находился в длительном отпуске, за пределами города страны, моим вдруг резко уперлось сообразить еще один сайт - про запчасти. И кароче на аутсорсинг отдали.

Я как обратно вышел - я поседел просто. Кончилось все тем, что весь сайт аутсорсеров я удалил целиком и полностью, и с нуля написал все заново.

Последний раз редактировалось Enimakanaon, 17.05.2016 в 05:41.
Enimakanaon вне форума Ответить с цитированием
Старый 16.05.2016, 20:57  #12
FiEctro
FiEctro
Регистрация: 28.07.2006
Адрес: Эквестрия
Возраст: 30
Сообщения: 17,146


По умолчанию

2 Enimakanaon:
У нормальных аутсорсеров есть портфолио, остальное русская рулетка. А насчет обмазывания вордпресса (даже юкоза) фреймворками и жквери, я неимею ничего против. Да, это обмазывание говном, но оно живое Карл!

>> Мораль такая - лучше сесть и выучить хотя бы долбаные HTML+CSS+JS+Jquery+PHP+MySQL, чтобы делать то, за что потом не будет стыдно. А это желание решить все проблемы сторонними фреймворками не понимая даже принципа их работы - это до добра не доводит. Это непрофессиональный подход, о.

Знаешь, на форумы обычно идут задавать вопросы не для того чтобы им написали - напиши сам.

Последний раз редактировалось FiEctro, 16.05.2016 в 21:01.
FiEctro вне форума Ответить с цитированием
Старый 16.05.2016, 21:08  #13
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

2 FiEctro:
На форум идут за советом, и я всегда пытаюсь дать самый оптимальный, надежный, полезный, адаптивный к ситуации совет.

Вон в соседней теме человек спрашивал про браши. А я ему и говорю такой - а ну иди и делай сам. Вот ж я молодец то!

А если серьезно, я же сразу вызвался рейду помочь, и дописать чего надо. Лучше уж я чего изображу, чем он с какой нибудь хабры дернет сейчас нерабочий калечный код, и вставит его к себе на страницу. И будет потом кто-нибудь еще сочинять песни про аутсорсинг.
Enimakanaon вне форума Ответить с цитированием
Старый 16.05.2016, 21:08  #14
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию

2 Enimakanaon:
В общем, вот: http://sirota-metal.ru/test.html

Просто если ты пошаришься по сайту, то обнаружишь, что галереи сделаны т.н. обезьяньей вёрсткой. Конечно, жс-галерея это не принципиальный выход, потому что нужны *.tpl и php, но сейчас их нет. Для конечного пользователя будет гораздо аккуратнее, если при тычке по картинке с изделием будет вылазить несколько фоток. Проблема ещё в том, что они разноформатные.

Raid, подумав, добавил 16.05.2016 в 21:12
[ Цитата ] Сообщение от Enimakanaon: 2 FiEctro: Они такие берут, устанавливают вордпресс, вбабахивают туда стандартных шаблонов и обмазывают жыквери фреймворками.
Оффтоп

Последний раз редактировалось Raid, 16.05.2016 в 21:12.
Raid вне форума Ответить с цитированием
Старый 16.05.2016, 21:13  #15
ILZM
ILZM
3 в 1
Регистрация: 28.03.2011
Адрес: Mega City One
Сообщения: 508


По умолчанию

2 Enimakanaon:
А что юзаешь? JS + MySQL(юзеры, админка и т.д.)?
ILZM вне форума Ответить с цитированием
Старый 16.05.2016, 21:52  #16
Flash
Flash
Регистрация: 21.09.2004
Адрес: Кривой Рог, Украина
Возраст: 38
Сообщения: 16,697


По умолчанию

2 Enimakanaon:
Под тегами тоже нельзя материться.
Flash вне форума Ответить с цитированием
Старый 17.05.2016, 10:33  #17
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

2 Raid:
Так, ну я на работе пока. В течение дня напишу слайдер.

Мне самому такой тоже нужен, так что я норм напишу, по серьезному.
Enimakanaon вне форума Ответить с цитированием
Старый 18.05.2016, 20:57  #18
Enimakanaon
Enimakanaon
Незабаненный
Регистрация: 30.06.2015
Адрес: Новосибирск
Возраст: 38
Сообщения: 1,046


По умолчанию

Вчера так и не получилось засесть, вот сегодня вечером смог выделить часик. Написал небольшой скриптик, вот тут разместил примеры и мануал.

P.S. Вот бы на каэсэме кто-нибудь поменял галерею, а то мне постоянно большие скриншоты рвут экран ноутбука. Тут картинки всегда выбрасывает на экран в полном размере, никак не подгоняя
Enimakanaon вне форума Ответить с цитированием
Старый 18.05.2016, 21:55  #19
Raid
Raid
Регистрация: 11.07.2006
Адрес: CSM-чат
Возраст: 30
Сообщения: 8,311


По умолчанию

2 Enimakanaon:
А разворот по тыку?

Raid, подумав, добавил 18.05.2016 в 21:57
А во, в глаза долблюсь. Ну щяс, потыкаем.

Raid, подумав, добавил 18.05.2016 в 22:24
ЧЯДНТ?

http://sirota-metal.ru/test2.html

Последний раз редактировалось Raid, 18.05.2016 в 22:24.
Raid вне форума Ответить с цитированием
Старый 19.05.2016, 01:29  #20
FiEctro
FiEctro
Регистрация: 28.07.2006
Адрес: Эквестрия
Возраст: 30
Сообщения: 17,146


По умолчанию

2 Enimakanaon:
Хороший слайдер получился, но сырой, особенно режим на всю вкладку.

2 Raid:
У тебя скрипт инициализируется только после кода слайдера. Подыми его в самый верх. Так же проверь пути к скриптам.
FiEctro вне форума Ответить с цитированием
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB-коды Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Часовой пояс GMT +3, время: 03:23.


Designed by FT-502, [email protected] Originally by Ulric Spaak
Hosted by: VBIOS.COM, Powered by: vBulletin
copyright © 2002 - 2021 by CS-Mapping.com.ua Community