"Ekran blokady" na stronie/Podnoszenie strony jak w windowsie

[Gość]

Dobry. Chciałbym się zapytać, czy dałoby radę i - jeżeli tak - to jak i czy jest to trudne. Otóż po wejściu na moją stronę internetową oczom ukazuje się zdjęcie (a na nim tekst, ale to mało ważne), a ja bym chciał, by trzeba było nacisnąć na zdjęcie i przeciągnąć do góry (jak w telefonach i tabletach z windowsem phone/8).

[e4aENHQe2uWCCvQfUJsTGQCZJDmLRpof]

JavaScript/jQuery

[Gość]

JavaScript/jQuery

A dokładniej?

[e4aENHQe2uWCCvQfUJsTGQCZJDmLRpof]

@Reygras.

 

Możesz wykorzystać do tego interakcję z jQuery, o nazwie draggable (przeciąganie elementów). Sprawdzasz odległość od góry, i jeżeli jest mniejsza niż "x" to wywołujesz funkcję która będzie pokazywała treść "odblokowanej treści".

 

Możesz przerobić gotowca:

https://css-tricks.com/slide-to-unlock/

Bez podstaw jQ się nie obejdzie. Do nauki polecam platformę codecademy.

[abs0lw3nt]

Głupoty gadacie. Obejdzie się bez js. HTML5 ma funkcje drag and drop. No chyba, że chcesz wymusić kompatybilność ze starymi przeglądarkami to wtedy jq. Więcej pod linkiem:

http://www.w3schools.com/html/html5_draganddrop.asp

[cody3223]

Głupoty gadacie. Obejdzie się bez js. HTML5 ma funkcje drag and drop. No chyba, że chcesz wymusić kompatybilność ze starymi przeglądarkami to wtedy jq. Więcej pod linkiem:

http://www.w3schools.com/html/html5_draganddrop.asp

Tyle że to musi być tylko w 1 wymiarze, oraz przy przesuwaniu zmienia się opacity zdjęcia (chociaż nie wiem czy czasem nie da się tego zmienić)