RokZoom Enabled
36234
ACIT'2024 will be held in Zarqa University, December 10-12, 2024 -Zarqa, Jordan
36234
RokZoom is a custom ground up script written in motools 1.1+ that has the features of slimbox with an exciting zoom effect transition to give your image galleries and popups an added flair. Chromatophore fully integrates the JavaScript and the CSS for RokZoom so all you have to do to utilize this technique is install the RokZoom mambot and add an extra element to your image link.
The Syntax is {rokzoom}image_url{/rokzoom} If you want the image to be part of an album, you can use the syntax {rokzoom album=|albumname|}image_url{/rokzoom}. To provide text descriptions, please use the syntax {rokzoom title=|your description|}image_url{/rokzoom}. You can also use both album and title in the same tag.
{rokzoom album=|colo|}images/stories/colorado/image1.jpg{/rokzoom} {rokzoom album=|colo| title=|some title|}images/stories/colorado/image4.jpg {/rokzoom} {rokzoom}images/stories/colorado/image3.jpg{/rokzoom}
The above syntax only operates when the RokZoom mambot is enabled. Therefore, if you do not have the mambot or wish to have more control over the rokzoom script than the mambot provides, there is still the HTML option. The syntax below is the code form of the examples shown above.
<a href="images/stories/colorado/image1.jpg" rel="rokzoom[colorado]" title="Image 1"><img src="images/stories/colorado/image1_tn.jpg" alt="image1" class="album" /> </a>
An exemplified preview is constructed below to aid your understanding of the HTML format of rokzoom
<a href="main image url(relative path)" rel="rokzoom[album name]" title="Title"><img src="thumbnail url(relative)" alt="Image name" class="album" /> </a>
The new RocketTheme RokZoom mambot helps to dynamically create Photo galleries with minimal effort from yourself. This great utility also produces thumbnails of your selected photos/images, which, on selection, generate the whole image/photo in a javascript based window. It is the perfect tool to showcase photographs and other gallery images in a professional environment.
RokZoom galleries or single images can be inserted in Content, Static Content and Custom modules. By utilising a few simple commands, you can easily insert a gallery onto your page. For this tutorial, we will be using the TinyMCE editor and be inserting rokzoom images into a Static Content Item. The procedure is identical with ordinary content and custom module.
{rokzoom}images/stories/photo/image1.jpg{/rokzoom}
{rokzoom album=|colo|}images/ stories/photo/image1.jpg{/rokzoom} {rokzoom album=|colo|}images/ stories/photo/image2.jpg{/rokzoom} {rokzoom album=|colo|}images/ stories/photo/image3.jpg{/rokzoom}
Zarqa University P.O. Box 132010
+962-5-3821100 / ext 1451
This email address is being protected from spambots. You need JavaScript enabled to view it.