There are ready to use examples of Rapidgrid in the tutorial project, we encourage you to use the tutorial project as a starting point to your own project using this product. Download link can be found in your purchased/downloaded package.
Alternatively watch this introduction video:
1. After installation drag and drop a Rapidgrid stack to your Stacks page, selecting the slots amount: up to 50 are allowed within a single Stacks page:
2. Copy & paste one link snippet in the image slot, replacing the example text.
There are two available, one for images hosted in Rapidweaver resources and another for images hosted externally on a server.
We can also add a description to each slot. Note that this description is for internal use only, it will not be published.
It's just a way of keeping your Rapidgrid stack organized, we can add text or just number the slots as we wish.
Snippet for Rapidweaver resources
First drop your images in Rapidweaver resources folder, then link them using the snippet below editing the parameters
<li>
<a href="http://example.com"
data-large="%resource(image_name.jpg)%"
data-title="Projeto 1"
data-description="description goes here">
<img src="%resource(image_name.jpg)%" alt="img01"/>
</a>
</li>
Snippet for external image
Get the link to the externally hosted image, then use the snippet below editing the parameters
<li>
<a href="http://example.com"
data-large="http://example.com/image1.jpg"
data-title="Projeto 1"
data-description="Description goes here">
<img src="http://example.com/image1.jpg" alt="img01"/>
</a>
</li>
Comments
0 comments
Article is closed for comments.