[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Хочу посоветоваться.
Ramzil_Nixon
На сайтах Sozial Zet, Мой мир есть возможность загружать обложку страницы. Хотел бы узнать каким образом это делается, что используется, что нужно изучить?

Не знал в какую форум кинуть, поэтому сюда на флейм кидаю. Жду ответов, заранее спасибо.

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
Ramzil_Nixon
Никто не может объяснить суть работы?

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
AllesKlar
Ramzil_Nixon
Какую обложку страницы? background, чтоли?
Обычно загрузили файл, сохранили, в стиле body приписали.

Цитата
Никто не может объяснить суть работы?

Там регистрироваться нужно, это лень.

_____________
[продано копирайтерам]
Ramzil_Nixon
AllesKlar, я имел ввиду вот это

user posted image

После загрузки изображения, можно двигать изображение двигая его с помощью мыши чтобы выбрать область. Как на flash, но это не flash. Это html5?

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
Guest
делаешь обыкновенный обработчик события нажатия-перетаскивания картинки, меняя css позицию относительно родителя, полученны данные сохраняешь в базе
Ramzil_Nixon
Все равно не понял.

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
AllesKlar
Ramzil_Nixon
наверняка есть готовая тулза для этого, поищи.
Если хочется самому, то прицип следующий:

У тебя есть контейнер c фоном (твоя картинка):
html
<div id='img_wrap' ></div>


css
#img_wrap
{
background-image: url('myimage.jpg'); /* Путь к фоновому рисунку */
background-position: 0px 0px; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
}


А дальше, по событию onDrag меняешь в css свойство background-position
Про событие можно тут почитать http://webix.pro/javascript/spravochnik/sobytija/drag.html

_____________
[продано копирайтерам]
Ramzil_Nixon
AllesKlar, вроде как понял что делать.

Цитата (AllesKlar @ 16.10.2014 - 21:31)
по событию onDrag меняешь в css свойство background-position


Вот это как сохранять? Ведь у меня CSS в отдельном файле. Или прописать туда где все это задумано сделать?

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
Guest
Цитата (Ramzil_Nixon @ 16.10.2014 - 09:16)
После загрузки изображения, можно двигать изображение двигая его с помощью мыши чтобы выбрать область
damilurg
интересная фича
AllesKlar
Ramzil_Nixon
нативный JavaScript http://www.webdev.ru/articles/css_properti...conversion.html

JQuery http://api.jquery.com/css/

Guest
да быстрее будет самому написать, чем этот плагин прикручивать smile.gif

_____________
[продано копирайтерам]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.