HowTo use Teaser Images
| Project: | Teaser Images |
| Version: | 5.x-1.x-dev |
| Component: | Documentation |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
I have read some criticism about this module being a dead duck. I do not know if that is true, but I assume that many problems users experience are due to the lack of documentation. As I am a journalist and write easily I'll write down a short howto (hoping that this will encourage the developer to continue developing).
1. I am not going to explain how to download and install the module
2. Confusing: there is nothing to configure
3. In order to get this working you first have to use the Image module to upload a picture from your hd. You give it a name, a category etc if you like and you can set it to 'not published' if you like, so that it doesnt disturb your frontpage. The pic will still be available.
4. Now I use TinyMCE to compose my pieces and upload my pics, but I suppose it doesnt matter which module you use (Otherwise I'd like to be corrected). In the file selector of that module, which brings you to the contents of your image-directory (images and pictures are the same for me). There you see that your pic has not only been uploaded, but also a second version has been made. There is now a MyPic.jpg and a MyPic.teaser.jpg .
5. You want a picture in your teaser that enlarges to the real picture when the node opens. But to arrive there you must NOT select the MyPic.teaser.jpg, but the original MyPic.Jpg. It is the trick of this module then to automatically conclude: I am supposed to put a large picture in the teaser, but there is also a MyPic.teaser.jpg around, so I'll use that one and use the bigger version when the node gets opened.
6 This works, but not very satisfying, because you probably want more that a picture above or under your teaser text (lots of ugly white), you want your picture to ALIGN, you want to see text flow around it. Alas the developer of this module didnt get to that. Luckily I have found a somewhat clumsy but functional way around. See next point.
7.I use PhPMyadmin to make the picture align. After opening the database I search for the picture through %MyPic.jpg%. It then finds it in the table Node-Revisions.
9 When you open the found record for editing (Little pencil in PHPMyadmin, latest versions anyway) you see two fields jumping to your eyes, one for the body and one for the teaser. It is the teaser code that you need to edit now. I have copied from one of my records two versions, one that doesnt align:
and the second WITH the alignment code
There are more things you can put in here, border etc, but I suppose the principle is clear.
10. Now you save this and check your webpage if it looks allright. If it doesnt because of the picture you can go back in PHPMyadmin and do it all over again. You can also adjust the text there if you like, however....
11. This alignment business can only be taken care of in PHPMyadmin (or similar, directly in the database), but you are probably used to do your text editing not in PhPMYAdmin, but in your webpages with TinyMCE. You can still do that of course, but as soon as you save that, the code you put in in PhPMyadmin is overwritten. Not really a problem, you just have to put it in again. Tedious yes.
I can only hope that the developer will find a way to make this easier.
The writing of this little piece has cost me three quarters of an hour. Getting to know these facts has taken a lot more, so I can only hope that I save a lot of people a lot of time. This way.
Theo Richel

#1
Thanks very much for this, Theo! :)
#2
Alright, but I forgot to mention one thing nevertheless. In order to get it working you must first define a teaser-image format ( I chose 150x150) in your Image-settings. Then uploading with the Image module automatically creates the teaserimage. So this is an addendum to step 2 above.
#3
Hi Theo,
Yeah, I guess I *did* make a teaser-image format when I first installed this module - it's sooo long ago, I forgot! :-p
Also, I didn't have to edit the SQL using PHPmyAdmin, I'm using the Image Assist module and it seems to work fine for Teaser images. The teaser images will share the same alignment as the node image, but for my purposes, that's ok.
I appreciate your time and effort, I wish I'd had this info when I first installed the module!
Cheers. :-)