Drag Gallery

Drag Gallery is a slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a "real" size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.

demo buttons

PLEASE NOTE: In order for this module to display properly, it needs to be published to a position that has full width. Many templates have these types of positions built in. 99.9% of templates have a "debug" position and this almost always has no styling and is full width. This is a great option for a position to publish this module.

drag views

Features

  1. Content from Joomla and K2

  2. Responsive

  3. Cookie Setting - When user clicks the close button, cookie is set and it will not reload the slider unless user clicks open button.

  4. Open/Close Button with editable tooltip

  5. Additional Content Area

  6. Touch/Swipe compatible

  7. Default state open or closed

Copyright © 2024 Pixel Point Creative | Joomla Playground. All Rights Reserved.
Joomla! is Free Software released under the GNU General Public License.
 The Joomla!® name is used under a limited license from Open Source Matters (OSM) in the USA. PPC is not affiliated with or endorsed by OSM or the Joomla! Project.
Chrome Chopper

Chrome Chopper

Praesent laoreet vel mi vel hendrerit.

Sleek Chopper

Sleek Chopper

Morbi ipsum leo, malesuada at sapien vitae

Deadline Chopper

Deadline Chopper

Morbi ipsum leo, malesuada at sapien vitae

Black Chopper

Black Chopper

Morbi ipsum leo, malesuada at sapien vitae

Future Chopper

Future Chopper

Morbi ipsum leo, malesuada at sapien vitae

Chrome Chopper

Praesent laoreet vel mi vel hendrerit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet pulvinar mauris vitae lacinia. Sed efficitur ante vel libero posuere varius. Nullam euismod neque vitae est ullamcorper, et finibus sem lacinia. Nam pellentesque ut nunc at maximus. Aliquam vel elementum leo. Aliquam interdum interdum est at blandit. Integer suscipit felis sed neque finibus, pharetra dignissim diam congue. Ut posuere placerat quam, sit amet malesuada est iaculis in. Ut non nisi vel nibh hendrerit feugiat ut quis ligula. Cras ac volutpat justo. Curabitur a nisl nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris tempor elit sed maximus tincidunt. Fusce lacinia ornare felis quis facilisis. In nec sagittis quam. Aliquam vitae semper mauris. Donec quam risus, rutrum vel nisl vel, vulputate tincidunt est. Pellentesque suscipit dolor sed mollis vulputate. Praesent laoreet vel mi vel hendrerit.

Nulla varius sed neque a rhoncus. Ut justo enim, rutrum nec metus a, suscipit mattis magna. Mauris malesuada fringilla odio, at lacinia quam viverra id. Aenean facilisis arcu quis est convallis finibus. Aliquam erat volutpat. Proin vestibulum porttitor massa sagittis mollis. Etiam sodales vulputate eros. Donec ac mi imperdiet, maximus purus eget, scelerisque metus.

Phasellus et cursus dui. Proin mauris eros, convallis eget ligula non, semper blandit ipsum. Morbi ipsum leo, malesuada at sapien vitae, pellentesque convallis diam. Praesent viverra id massa eu suscipit. Vestibulum ut sem quis ante lobortis consequat. Mauris dapibus erat tellus, eu imperdiet nisl tincidunt quis. Maecenas tincidunt finibus risus, vel eleifend sapien pharetra eu.

Sleek Chopper

Morbi ipsum leo, malesuada at sapien vitae

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet pulvinar mauris vitae lacinia. Sed efficitur ante vel libero posuere varius. Nullam euismod neque vitae est ullamcorper, et finibus sem lacinia. Nam pellentesque ut nunc at maximus. Aliquam vel elementum leo. Aliquam interdum interdum est at blandit. Integer suscipit felis sed neque finibus, pharetra dignissim diam congue. Ut posuere placerat quam, sit amet malesuada est iaculis in. Ut non nisi vel nibh hendrerit feugiat ut quis ligula. Cras ac volutpat justo. Curabitur a nisl nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris tempor elit sed maximus tincidunt. Fusce lacinia ornare felis quis facilisis. In nec sagittis quam. Aliquam vitae semper mauris. Donec quam risus, rutrum vel nisl vel, vulputate tincidunt est. Pellentesque suscipit dolor sed mollis vulputate. Praesent laoreet vel mi vel hendrerit.

Nulla varius sed neque a rhoncus. Ut justo enim, rutrum nec metus a, suscipit mattis magna. Mauris malesuada fringilla odio, at lacinia quam viverra id. Aenean facilisis arcu quis est convallis finibus. Aliquam erat volutpat. Proin vestibulum porttitor massa sagittis mollis. Etiam sodales vulputate eros. Donec ac mi imperdiet, maximus purus eget, scelerisque metus.

Phasellus et cursus dui. Proin mauris eros, convallis eget ligula non, semper blandit ipsum. Morbi ipsum leo, malesuada at sapien vitae, pellentesque convallis diam. Praesent viverra id massa eu suscipit. Vestibulum ut sem quis ante lobortis consequat. Mauris dapibus erat tellus, eu imperdiet nisl tincidunt quis. Maecenas tincidunt finibus risus, vel eleifend sapien pharetra eu.

Deadline Chopper

Morbi ipsum leo, malesuada at sapien vitae

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet pulvinar mauris vitae lacinia. Sed efficitur ante vel libero posuere varius. Nullam euismod neque vitae est ullamcorper, et finibus sem lacinia. Nam pellentesque ut nunc at maximus. Aliquam vel elementum leo. Aliquam interdum interdum est at blandit. Integer suscipit felis sed neque finibus, pharetra dignissim diam congue. Ut posuere placerat quam, sit amet malesuada est iaculis in. Ut non nisi vel nibh hendrerit feugiat ut quis ligula. Cras ac volutpat justo. Curabitur a nisl nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris tempor elit sed maximus tincidunt. Fusce lacinia ornare felis quis facilisis. In nec sagittis quam. Aliquam vitae semper mauris. Donec quam risus, rutrum vel nisl vel, vulputate tincidunt est. Pellentesque suscipit dolor sed mollis vulputate. Praesent laoreet vel mi vel hendrerit.

Nulla varius sed neque a rhoncus. Ut justo enim, rutrum nec metus a, suscipit mattis magna. Mauris malesuada fringilla odio, at lacinia quam viverra id. Aenean facilisis arcu quis est convallis finibus. Aliquam erat volutpat. Proin vestibulum porttitor massa sagittis mollis. Etiam sodales vulputate eros. Donec ac mi imperdiet, maximus purus eget, scelerisque metus.

Phasellus et cursus dui. Proin mauris eros, convallis eget ligula non, semper blandit ipsum. Morbi ipsum leo, malesuada at sapien vitae, pellentesque convallis diam. Praesent viverra id massa eu suscipit. Vestibulum ut sem quis ante lobortis consequat. Mauris dapibus erat tellus, eu imperdiet nisl tincidunt quis. Maecenas tincidunt finibus risus, vel eleifend sapien pharetra eu.

Black Chopper

Morbi ipsum leo, malesuada at sapien vitae

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet pulvinar mauris vitae lacinia. Sed efficitur ante vel libero posuere varius. Nullam euismod neque vitae est ullamcorper, et finibus sem lacinia. Nam pellentesque ut nunc at maximus. Aliquam vel elementum leo. Aliquam interdum interdum est at blandit. Integer suscipit felis sed neque finibus, pharetra dignissim diam congue. Ut posuere placerat quam, sit amet malesuada est iaculis in. Ut non nisi vel nibh hendrerit feugiat ut quis ligula. Cras ac volutpat justo. Curabitur a nisl nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris tempor elit sed maximus tincidunt. Fusce lacinia ornare felis quis facilisis. In nec sagittis quam. Aliquam vitae semper mauris. Donec quam risus, rutrum vel nisl vel, vulputate tincidunt est. Pellentesque suscipit dolor sed mollis vulputate. Praesent laoreet vel mi vel hendrerit.

Nulla varius sed neque a rhoncus. Ut justo enim, rutrum nec metus a, suscipit mattis magna. Mauris malesuada fringilla odio, at lacinia quam viverra id. Aenean facilisis arcu quis est convallis finibus. Aliquam erat volutpat. Proin vestibulum porttitor massa sagittis mollis. Etiam sodales vulputate eros. Donec ac mi imperdiet, maximus purus eget, scelerisque metus.

Phasellus et cursus dui. Proin mauris eros, convallis eget ligula non, semper blandit ipsum. Morbi ipsum leo, malesuada at sapien vitae, pellentesque convallis diam. Praesent viverra id massa eu suscipit. Vestibulum ut sem quis ante lobortis consequat. Mauris dapibus erat tellus, eu imperdiet nisl tincidunt quis. Maecenas tincidunt finibus risus, vel eleifend sapien pharetra eu.

Future Chopper

Morbi ipsum leo, malesuada at sapien vitae

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet pulvinar mauris vitae lacinia. Sed efficitur ante vel libero posuere varius. Nullam euismod neque vitae est ullamcorper, et finibus sem lacinia. Nam pellentesque ut nunc at maximus. Aliquam vel elementum leo. Aliquam interdum interdum est at blandit. Integer suscipit felis sed neque finibus, pharetra dignissim diam congue. Ut posuere placerat quam, sit amet malesuada est iaculis in. Ut non nisi vel nibh hendrerit feugiat ut quis ligula. Cras ac volutpat justo. Curabitur a nisl nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris tempor elit sed maximus tincidunt. Fusce lacinia ornare felis quis facilisis. In nec sagittis quam. Aliquam vitae semper mauris. Donec quam risus, rutrum vel nisl vel, vulputate tincidunt est. Pellentesque suscipit dolor sed mollis vulputate. Praesent laoreet vel mi vel hendrerit.

Nulla varius sed neque a rhoncus. Ut justo enim, rutrum nec metus a, suscipit mattis magna. Mauris malesuada fringilla odio, at lacinia quam viverra id. Aenean facilisis arcu quis est convallis finibus. Aliquam erat volutpat. Proin vestibulum porttitor massa sagittis mollis. Etiam sodales vulputate eros. Donec ac mi imperdiet, maximus purus eget, scelerisque metus.

Phasellus et cursus dui. Proin mauris eros, convallis eget ligula non, semper blandit ipsum. Morbi ipsum leo, malesuada at sapien vitae, pellentesque convallis diam. Praesent viverra id massa eu suscipit. Vestibulum ut sem quis ante lobortis consequat. Mauris dapibus erat tellus, eu imperdiet nisl tincidunt quis. Maecenas tincidunt finibus risus, vel eleifend sapien pharetra eu.