Hello Here is a question about combining thumbnail images, captions and sliders.
What I would like to be able to do is to display two or more thumbnail images in a horizontal row (see example below) and below each thumbnail display a formatted caption and below that the slider button. It would be something like the following: |<<tiddler [[Apollo13Display::theThumbImage]]>> | |<<tiddler [[Apollo13Display::theCaption]]>> | |<<slider toggleImage [[SaturnVDisplay::theFullImage]] showFullImage "click for larger image">> | except that the thumbnail, caption, and slider button would appear in a single box. A nicely formatted box (tho without the slider button) is given by Rhonda in the thread http://groups.google.com/group/TiddlyWiki/browse_thread/thread/922aefa44849bbb6/edec34aa82eb7657?lnk=gst&q=image+caption#edec34aa82eb7657. See http://tiddlyyap.tiddlyspot.com/ for the example. My preference would be to use some sort of plugin that given the name of the display tiddler would do all of the formatting and manage the slider. Any suggestions as to tutorials on how to write your own plugin or other promising plugins? Thanks Steve Background: As shown in the example I am able to display the thumbnail images each with the slider button to the right. Clicking the slider causes the full image to be displayed or hidden. Unfortunately the caption does not display on rollover. !!! Apollo Images Example: Here are three Apollo images: <<tiddler [[Apollo13Display::theThumbImage]]>> <<slider toggleImage [[Apollo13Display::theFullImage]] showFullImage "click for larger image">> <<tiddler [[SaturnVDisplay::theThumbImage]]>><<slider toggleImage [[SaturnVDisplay::theFullImage]] showFullImage "click for larger image">> <<tiddler [[RolloutDisplay::theThumbImage]]>><<slider toggleImage [[RolloutDisplay::theFullImage]] showFullImage "click for larger image">> !!! The style sheet is: {{{ .thumbImage img { width: 100px; height: 100px; } }}} !!! Apollo13Display - tiddler {{{ theCaption: Apollo 13 bathed in floodlight during early-morning rollout. 16 December 1969. theThumbImage: {{thumbImage{[img[Apollo 13 bathed in floodlight during early-morning rollout. 16 December 1969.|http://www.hq.nasa.gov/office/ pao/History/alsj/a13/ap13-70-HC-291.jpg]]}}} theFullImage: [img[Apollo 13 bathed in floodlight during early-morning rollout. 16 December 1969.|http://www.hq.nasa.gov/office/pao/History/ alsj/a13/ap13-70-HC-291.jpg]] }}} !!! RolloutDisplay - tiddler {{{ theCaption: SA-500F approaches pad incline during rollout. May 1966. theThumbImage: {{thumbImage{[img[http://www.hq.nasa.gov/office/pao/ History/alsj/misc/apmisc-SA500F-noID-f.jpg]]}}} theFullImage: [img[http://www.hq.nasa.gov/office/pao/History/alsj/misc/ apmisc-SA500F-noID-f.jpg]] }}} !!! SaturnVDisplay - tiddler {{{ theCaption: Apollo Saturn V 500F "Facilities Test" vehicle during stacking operations. April 1, 1966 theThumbImage: {{thumbImage{[img[Apollo Saturn V 500F "Facilities Test" vehicle during stacking operations. April 1, 1966|http:// www.hq.nasa.gov/office/pao/History/alsj/misc/apmisc-KSC-66PC-52.jpg]]}}} theFullImage: [img[Apollo Saturn V 500F "Facilities Test" vehicle during stacking operations. April 1, 1966|http://www.hq.nasa.gov/ office/pao/History/alsj/misc/apmisc-KSC-66PC-52.jpg]] }}} --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/TiddlyWiki?hl=en -~----------~----~----~----~------~----~------~--~---
