| |
| |
In order to create a page for browsing through thumbnails, follow the next steps:
Open the thumb_view page.
Create an unsorted recordset A recordset is the result of executing an SQL query A query is a SQL command that will extract information from the tables of a database. Essentially, a query is a request for information from your database.. It is composed of multiple rows, each row having multiple columns. The columns presented in the query result depend on the column list declared in the query (they can belong to different tables). The number of rows and their order depend on the query conditions (WHERE, GROUP BY, HAVING, ORDER). The recordset acts as a source of dynamic data The InterAKT Dynamic Data tool is a replacement for the standard dynamic data dialog. It is used in the MX Kollection 3, to provide a unified way of building mark-ups, or place holders. These are recordset fields, server or session variables, and other types of dynamic data that are replaced at runtime by their corresponding values in web applications. with all the records from the images_img table. The two previous tutorial topics (List images and show thumbnails and Delete Image) demonstrate how to create a recordset. You will use this recordset to extract the filename of the thumbnails, when applying the Show Thumbnail server behavior at the next step.
Apply a Show Thumbnail server behavior A server behavior is a reusable component for server-side development. They add blocks of code to your pages for accomplishing specific tasks. Dreamweaver comes with several default server behaviors and the InterAKT extensions add many more to this list. on this page as you did in Step 7 of the List images and show thumbnails page.
Now, we will create the image gallery by applying the Looper Wizard feature of MX Looper. This feature will loop through the images in the database A database refers to data organized and stored on a computer that can be searched and retrieved by a computer program. Most industrial-strength and many smaller database applications can be addressed using SQL (Structured Query Language). and place thumbnails on the screen (MX Looper required).
· Select the Show Thumbnail icon. Then go to Insert panel -> MX Kollection -> Looper Wizard (seen below):
· The following interface will appear. Specify the table dimensions of your choice, then click OK.
· After inserting the looper, you should see the following icon on your Dreamweaver page:
Link the thumbnail image to a separate page where the full image will be shown:
· First, select the Show Thumbnail icon in your Dreamweaver page and right click on it. In the menu that appears, select the Make Link option.
· Follow the procedure described in the Delete image page. You will need to add an URL parameter with the id_img field and link to the full_view page.