Wednesday, 19 October 2011 15:24

RokGallery Extension (J1.5/1.7)

Written by 
Rate this item
(0 votes)
RokGallery

RokGallery is a ground-up revolutionary gallery extension, developed to be hugely flexible, customizable and thus extendable far into the future.

Description

The system itself is built on a custom tag-based architecture with the ability to have multiple tag-based galleries. RokGallery uses design and concepts that have been traditionally reserved for platform-native applications and are for the first time making their way into a web environment. For example, you will not have to resize images, or make thumbs before using them in RokGallery, just upload the raw image and use the RokGallery slice editor to resize and crop the images. This non-destructive editing method allows you to create and edit your image size, cropped view, etc, at any point without having to reupload or recreate your image in external photo editing software.

Other features include an all-new multi-file image upload mechanism that incorporates the latest HTML5 drag-and-drop upload functionality, but can also fall back to Flash if your browser doesn’t yet support this feature. Compound filtering can be used to isolate specific images you are looking for and a sophisticated Jobs Manager handles processes like image resizing in the background so you can get on with your work without having to wait for time-consuming image computations to complete.

Access the RokGallery Component at Admin → Components → RokGallery

RokGallery

This section is an introduction to the general interface of RokGallery, specific instructions on the functions, such as filtering, will be explained below.

#1 Image Controls

  • Publish
  • Unpublish
  • Tag
  • Delete

#2 Gallery Controls

  • Jobs: A log of all previous and current operations, such as imports.
  • Galleries: Create, Delete and Manage all tag galleries.
  • Settings: Configuration the general aspects of RokGallery.
  • Upload: A HTML5/Flash drag and drop image uploader.

#3/4 Filters

The filters have a range of variables such as gallery, file type, published etc... to allow you to sort your images for management in an efficient and simple manner. Statistics for the filters appear at #4.

Photo Upload

RokGallery uses a HTMl5 file uploader, or Flash for unsupported browsers.

  • Go to Admin → Components → RokGallery
  • Click the Upload button
  • Either Drag and Drop the files, or click Browse and find
  • Click Upload
  • Monitor progress
  • Click Close once completed

RokGallery RokGallery

RokGallery RokGallery

RokGallery RokGallery

Gallery View and Jobs

All photos will appear at Admin → Components → RokGallery. RokGallery has support for multiple image selection, either by drag and highlight with the cursor, or via individual selection with the Shift Key and click.

RokGallery RokGallery

RokGallery

Jobs Manager

The Jobs Manager provides you a log of operations undergoing or undergone in RokGallery. You can view:

  • Import status, with time stamps
  • Slice status, with time stamps
  • Clear all Jobs
  • Delete individual Jobs via the trash icon
  • Refresh individuals Jobs via the reload icon

Galleries Manager

RokGallery is a tagged based gallery component, therefore, Galleries are controlled by tags and not specific photos in albums. Subsequently, you can easily have one master photo in multiple albums with ease.

RokGallery

A single image can appear in numerous galleries based on its tag, and also can be different sizes based on the gallery settings, without editing the original image.

  • Dropdown: To create a new Gallery, select Create New, or the name of another Gallery to edit it
  • Name: Set the name of the Gallery
  • Tags: Set the tags that are associated with the gallery (separate via a comma)
  • Images: Set the maximum height and width of the full image
  • Thumbnails Size: Set the height and width of the thumbnails
  • Background Color: Set the background color for the thumbnail surround
  • Aspect Ratio: Check if you wish to keep the dimensions of the image intact, or cropped.

Remember to Publish a Gallery after clicking Save. If you make any changes to a Gallery, whether in the Galleries Manager, or in the Image Slice Editor, you will need to re-Save in the Galleries Manager for the changes to take place on the site.

RokGallery RokGallery RokGallery

Image Editor

RokGallery has a very advanced image editor, akin to a native application. The various parts will be discussed below.

After selecting the edit button, you will be able to edit the META data of the image, the image itself, plus delete or publish the image.

  • Title: The name of the image file to be displayed on the frontend gallery
  • Slug: The individual identifier for an image (we recommend not to change)
  • Description: The description of the image file shown on the frontend gallery
  • Tags: Add the tags that you wish to associate with the image
  • Slicing: Edit the image
  • Publish:Show or Hide an image for specific tags/galleries.

RokGallery

In the Slice Editor, you can edit the META data and the actual image. You can crop the image, similar to that of an native application, with a set or variable marquee, in addition to Zoom controls. Edits in the Slice Editor are on a per gallery/tag basis.

The original image that was uploaded is maintained, as a new image is created after applying the crop. This can be reverted at any time from the Slice Editor.

RokGallery

Additionally, you can also Share the slice via the Share button, or Delete the image via the Delete button, from the Image Editor:

RokGallery RokGallery

Multi-Tagging

Tagging is at the core of RokGallery, and with its multi-selection ability, you can easily manage tags across multiple images with great ease. Simply highlight several images and click Tags. Here, you can add, remove, or change any common tags applied to your selection.

If you wanted to quickly move several images to another gallery, simply change their tag.

RokGallery

Filtering

RokGallery

A system based on tagging needs an advanced search facility, so RokGallery employs a simple but powerful filtering mechanism:

Filter Type

  • Tags
  • Gallery
  • Published
  • File Size
  • Width
  • Height

Filter Operation

  • Is
  • Is Not
  • Contains
  • Does not Contain
  • Greater than
  • Lesser than

Order by Type (Asc/Des)

  • Title
  • Created At
  • Updated At
  • File Size
  • Width
  • Height

RokGallery RokGallery

RokGallery RokGallery

Filters are not singular and can be applied cumulatively:

RokGallery RokGallery

Read 7792105 times Last modified on Sunday, 30 October 2011 00:17

205163 comments

  • Comment Link торговля NFT-активами Friday, 14 March 2025 06:30 posted by торговля NFT-активами

    https://telegram.botlist.ru/12315-vorobeva-web-tokens-torgovlja-nft-aktivami.html Воробьёва | Web-Tokens – торговля NFT-активами, наставничество и ламповый чат!

  • Comment Link Sikkim game Friday, 14 March 2025 06:29 posted by Sikkim game

    Thanks for the strategies you are giving on this blog site. Another thing I would really like to say is that often getting hold of copies of your credit profile in order to inspect accuracy of each and every detail may be the first motion you have to conduct in credit repair. You are looking to freshen your credit history from dangerous details errors that ruin your credit score.

  • Comment Link Sikkim game Friday, 14 March 2025 06:19 posted by Sikkim game

    Hi, Neat post. There's a problem with your website in internet explorer, would test this? IE still is the market leader and a big portion of people will miss your magnificent writing because of this problem.

  • Comment Link https://Blog-Kr.dreamhanks.com/question/achat-dune-maison-sans-Mise-de-fond-est-ce-possible-21 Friday, 14 March 2025 06:14 posted by https://Blog-Kr.dreamhanks.com/question/achat-dune-maison-sans-Mise-de-fond-est-ce-possible-21

    Can I simply just say what a comfort to find somebody who truly understands what
    they're discussing on the internet. You certainly realize how to bring a problem to light and
    make it important. More people ought to read this and understand this side of your story.
    I can't believe you are not more popular since you most certainly possess the gift. https://blog-Kr.dreamhanks.com/question/achat-dune-maison-sans-mise-de-fond-est-ce-possible-21/

  • Comment Link Click Friday, 14 March 2025 06:09 posted by Click

    will be a great author. I will be sure to bookmark your blog and definitely will come back at some point. I want to encourage continue your great work, have a nice holiday weeken

  • Comment Link Lawyer - Heque Friday, 14 March 2025 06:03 posted by Lawyer - Heque

    Finding the Best Car Accident Lawyer Near You

    If you are in a auto collision, having the right auto accident attorney can be crucial. A qualified lawyer can help you navigate insurance claims, secure fair compensation, and even fight for you in trial if necessary.

    Tips for Finding the Most Suitable car accident lawyer edmonton Near You

    - Check Their Experience – Choose a lawyer with a proven history in handling auto injury claims.
    - Look at Client Feedback – Client testimonials can give you insight into a legal expert’s competence.
    - Free Consultations – Many lawyers offer a free case review, so don’t miss out to understand your options.
    - Familiarity with Local Courts – Searching for a nearby vehicle crash lawyer ensures that they are familiar with regional legal procedures.
    - No Win, No Fee – Many legal professionals work on a contingency basis, meaning there are no legal fees unless you receive compensation.

    Direct link: https://ronl.org/redirect?url=https://injurylawyerforcaraccident.ca/

    Why Hiring a Lawyer is Important

    Even if your accident seems straightforward, adjusters often try to reduce compensation. A experienced accident lawyer can ensure you receive what you deserve, including hospital expenses, lost wages, and emotional distress.

    If you're looking for legal help, don’t wait—contact a local attorney today and secure your future!

  • Comment Link Lawyer - Heque Friday, 14 March 2025 06:03 posted by Lawyer - Heque

    Looking for the Top Auto Accident Attorney Near You

    If you are in a vehicle crash, having the right car accident lawyer can make all the difference. A qualified lawyer can help you manage claims with insurers, negotiate settlements, and even fight for you in trial if needed.

    How to Find the Right lawyer for car accident Near You

    - Check Their Experience – Choose a lawyer with a successful past in handling auto injury claims.
    - Look at Client Feedback – Client testimonials can show you a lawyer’s competence.
    - Initial Case Reviews – Many lawyers offer a no-cost first meeting, so use this opportunity to understand your options.
    - Familiarity with Local Courts – Searching for a local auto injury attorney ensures that they are experienced with regional legal procedures.
    - Contingency-Based Payment – Many legal professionals work on a contingency basis, meaning there are no legal fees unless they win your case.

    Direct link: https://327wmp5mtf.execute-api.us-gov-west-1.amazonaws.com/prod/redirect?subdomain=repgarbarino&userId=411616732492&bulkMailerId=920&url=https://car-accident-lawyers-toronto.com/

    Why You Need an Attorney

    Even if your case looks easy, adjusters often try to minimize payouts. A experienced accident lawyer can ensure you receive what you deserve, including hospital expenses, missed work pay, and emotional distress.

    If you're looking for legal help, don’t wait—contact a local attorney today and fight for your claim!

  • Comment Link coffee machines Friday, 14 March 2025 06:01 posted by coffee machines

    Greetings! This is my first comment here so I just wanted to
    give a quick shout out and tell you I truly enjoy reading through your articles.

    Can you suggest any other blogs/websites/forums that cover the
    same topics? Thanks a ton!

  • Comment Link ダッチワイフ Friday, 14 March 2025 05:43 posted by ダッチワイフ

    becomes evident in emotional reactions and habits.[url="https://www.riarudoll.com/"]リアル ラブドール[/url]For instance,

  • Comment Link More information Friday, 14 March 2025 05:39 posted by More information

    This website was... how do I say it? Relevant!!
    Finally I have found something that helped me. Many thanks!

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.