Gossamer Forum
(Advanced Search)
for
Home : Products : Gossamer Links : Version 1.x :

I got the ratings images to work!

Feb 3, 2000, 6:18 PM
Dan Kaplan
Enthusiast (944 posts)
Feb 3, 2000, 6:18 PM
Views: 3400
Shortcut
Quote Reply
I got the ratings images to work!
Not exactly a mod, but I'm happy with myself
nonetheless. I was able to move my modified
version of Phoenix's image ratings mod over
to Links SQL. I realize Widgetz' mod is much
nicer aesthetically, but it didn't accomplish
the main thing I wanted which is to limit the
number of graphics. Smile Anyway, here's what
I came up with in case anyone is interested:

(I'm typing everything on short lines, as I
know this will wrap way off the screen...)

In site_html_link of HTML_templates.pm:
Code:
$rec->{'rate_img'} = "";
if ($rec->{'Rating'} eq '10.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} eq '0.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate00.gif" WIDTH=102 HEIGHT=18 ALT="Rate It!" BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '0.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate1.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '1.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate2.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '1.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate3.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '2.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '2.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate1.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '3.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate2.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '3.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate3.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '4.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '4.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate1.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '5.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate2.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '5.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate3.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '6.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '6.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate1.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '7.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate2.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '7.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate3.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '8.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate5.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '8.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate1.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '9.00') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate2.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
elsif ($rec->{'Rating'} le '9.50') { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate3.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
else { $rec->{'rate_img'} = '<IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE"><IMG SRC="http://run-down.com/images/rate4.gif" WIDTH=20 HEIGHT=18 BORDER="0" ALIGN="ABSMIDDLE">'; }
And then you just add the "standard"
<%rate_img%> wherever you want in
link.html.

The reason I did it this way is it uses only
6 images instead of 21 or so, and each one is
quite a bit smaller. On a big site, this
ought to make a pretty significant difference
in bandwidth. The key is slicing up the
images up into quarters like I've done at
http://run-down.com/Cool/

I imagine there is some way to put things
into a tidier loop, but I haven't come up
with it yet... In my Links 2 version, I
used:
Code:
$rate_url = 'http://run-down.com/images';
and then added $rate_url in place of all the
path names above -- a little quicker to edit
if need be.

If you find it useful, or if you think of a
way to improve the code, by all means let
me know! Smile

Dan
Subject Author Views Date
Thread I got the ratings images to work! Dan Kaplan 3400 Feb 3, 2000, 6:18 PM
Post Re: I got the ratings images to work! 		Dan Kaplan 3305 Feb 3, 2000, 6:22 PM
Post Re: I got the ratings images to work! 		widgetz 3299 Feb 3, 2000, 6:55 PM
Post Re: I got the ratings images to work! 		widgetz 3300 Feb 3, 2000, 6:56 PM
Post Re: I got the ratings images to work! 		Dan Kaplan 3301 Feb 4, 2000, 3:10 AM
Post Re: I got the ratings images to work! 		Alex 3307 Feb 4, 2000, 6:14 AM
Post Re: I got the ratings images to work! 		Dan Kaplan 3292 Feb 4, 2000, 6:52 AM