Go Back > PhpDig Forums > How-to Forum

Thread Tools
Old 06-30-2007, 07:41 PM   #1
Dave A
Purple Mole
Dave A's Avatar
Join Date: Aug 2004
Location: North Island New Zealand
Posts: 170
Adding thumbnail pictures to your results?

If you would like to try and add thumbnail pictures to your results when using phpdig, then please feel free to try out the following method.
It is free to use and appears to give quite good results, there must be heaps of other ways to generate thumbnail pictures for your results, but I have tried to show everyone how this can be done cheaply and easily (especially for our Australian users who are rumored to be careful with spending a few bucks! Grin..)
Even a novice should be able to do this within a few minutes.
If anyone has other ways or ideas then I would be pleased to hear about them!

Visit the website of HTTP:// and then go to the pages that mention "Preview Bubble"which is located over at
Then simply download the file they supply that's called " "
and then copy (FTP) the contents of the file somewhere within your server.
I use the root directory which is easier for me.

Edit previewbubble.js and point the bubbleImagePath variable to the correct location of the bg.png file.

For example:
var bubbleImagePath = '/images/bg.png';
Then add the statement "Include previewbubble.js" in your templates header.
For an example:
<script type="text/javascript" src="previewbubble.js"></script>

Add class="previewlink" attribute to the links you wish to bind the preview event to. For example: <a class="previewlink" href="">Phpdig</a>

Then simply edit the template file you are using for your results, edit or add the following commands to it;

<script type="text/javascript" src="previewbubble.js"></script>

Add this somewhere near the top of the page:

They simply edit the following statement ( <a href="<phpdig:complete_path/>" title="go to <phpdig:complete_path/>") that is within the file a few lines below to read like this:

<a class="previewlink" href="<phpdig:complete_path/>" title="go to <phpdig:complete_path/>" class="v"><phpdig:complete_path/></a> - last update : <phpdig:update_date/></td>
Then when the mouse is placed over the path that is shown within your results, it should then display the thumbnail picture of the web page for you.
When it's first used the web page may not have been indexed but within a few minutes it is usually added to the server and it will then be displayed when the mouse is placed over the statement within your results.
The displayed box will either show you the thumbnail picture of the page given within the path of the results, or it will show a message saying "Image Queued" and after a little while the server will add the pages which have been queued.
From then on the picture of the web page will then be displayed to your users whenever the mouse is placed over the results.
This does appear to be a very easy way to make your results better and more interesting for your users to see and use!

Have fun with it if you want too??
Dave A is offline   Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding a thumbnail to each huge_nerd How-to Forum 1 11-16-2004 09:54 AM
Pictures of Chernobyl vinyl-junkie The Mole Hole 1 05-14-2004 05:28 PM
site thumbnail snorkpants Mod Requests 0 04-25-2004 06:58 AM
Adding date (of spidering) to search results lighthouse How-to Forum 1 03-22-2004 09:50 PM
Adding the site URL in results page lighthouse How-to Forum 5 03-22-2004 12:37 PM

All times are GMT -8. The time now is 11:49 PM.

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © 2001 - 2005, ThinkDing LLC. All Rights Reserved.