Addon: Photoblink thumbs

[raminia]

Photoblink thumbs

This addon will create a very tiny thumbnail row which each of thumbs will show a default size thumbnail when you hover the mouse pointer over it with the title of image at the top.

Download Link:
http://www.pixelpost.org/v1/index.php?x=downloads&details=98

you can see one snapshot of it here:
http://www.raminia.com/temp/pb_thumbs.jpg

to see the original photoblink thumb links check this out: (which uses small blue circles instead of tiny thumbnails)
http://www.raminia.com/temp/pb.jpg

Instructions:
1- to use this you need OVERLIB. I you are already use this or have the rating addon working, you don't need anything more. If you don't have it dload it and copy the files into the PP's main folder
TO dload OVERLIB: http://www.bosrup.com/web/overlib/?Download

2- copy the addon into the addon folder and copy this HTML code with the necessary tag into your template file where you want the thumb to appear.
<div id="pb_thumbs">
<PB_THUMBS_ROW>
</div>


3- your done!

If you wanna the old version that uses a simple character instead of tiny thumbnails for linking to addons dload the version in www.raminia.com/temp/photoblink_thumbs.zip
instead.

[raminia]

nobody's interested?
did you underestand what I meant?
check visible track (http://pblog.raminia.com)(my photoblog to see it in action. at the top of the shown photo)

[blinking8s]

testing now...although it took me a while to figure out how to see it in action on your blog, i didnt get the 0's thing at the top left. I expected a hover on image click to see thumbnail sort of deal or something for some reason. But then i looked at the screenshots and its cool...

[hicks0r]

I think it's great, but I'm refered that when u go over the thumbrow pops-up a overdiv that show the name of the pic nor the "alt=" text.

Great Job raminia.

[raminia]

I think it's great, but I'm refered that when u go over the thumbrow pops-up a overdiv that show the name of the pic nor the "alt=" text.

Great Job raminia.
yes I know that. you can change the addon to show &lt;img> tags instead of &lt;a> tags and in the overdiv you can place the title only and not the &lt;img>.

[Connie]

Ramin,

please change the CSS-styles not to use "_" anymore!!!!
and OVERLIB produces some invalid HTML-code because it does not mask all entities

so you will run into a lot of complaints (from me...) (or from others) about invalid (foreign) code :lol:

[raminia]

Ramin,

please change the CSS-styles not to use "_" anymore!!!!
and OVERLIB produces some invalid HTML-code because it does not mask all entities

so you will run into a lot of complaints (from me...) (or from others) about invalid (foreign) code :lol:
I corrected the addon.now html valid.
where are the CSS sytels that use "_"?

[Connie]

ah, I see, it was in your "fullsize_template.html" in buzznet ;=)

[SnowScan]

I think it is a great addon.
But I would like to have it combined with the calendar, so when you move the mouse over the dates the image will show - is that possible?

Regards,
SnowScan
www.snowscan.org

[raminia]

I've modified this addon to show the image title on the overlib popup screen. Besides, There would no more such o OR x character for the hyperlinks. Tiny thumbnails are created for it. I know it is not written very flexible but I wrote it for my website and with smal changes you can make what you want from it.
Dload link:
http://www.pixelpost.org/v1/index.php?x=downloads&details=98

@SnowScan,
yes you can do that. just replace the image title with datetime variable in the new vesrion.

[Bluelens]

OK. What am I doing wrong?

I have placed the file in my addon folder. I have uploaded the ratings addon (for the overlib). I added the following code into the pixelpost-dark template
<div id="pb_thumbs">
<PB_THUMBS_ROW>
</div>


I can see the thumbnails but when I mouseover nothing happens.

here is the site addy:
www.bluelens.net

*EDITED TO ADD*
I guess ther must be something I am not doing right since I just tried the same thing with the "simplyblue" template and I have the same result.

Any help?

[raminia]

you should follow the same steps for enabling the OVERLIB as in rating addon in this addon too. there are some <script > tags that should be added to the template.
refer to rating addon instructions.

[Bluelens]

See. I knew there was something I was not doing. I never doubted the addon, just the user that was trying to use it (me). Once I added those two lines in the file I was good to go.

Thanks!

It sure feels nice to return to Pixelpost.

[luckyfinger]

I'm using this addon and it's great however there are two things I would like to modify, but I don't know how.

I would like to change the color of the border of the popup from blue to grey or black, this would fit more of my themes

Because my thumbnailrow is on the bottom of my page, I would like the popups to open upwards instead of downwards.

Thanks for your help.

[Personne]

Great addon ! really funny .

[bjlawrence11]

Anyone have thoughts on how to get this Overlib going for me?

I've been playing around with the CSS to see how and where the calendar attributes are established...but I'm thinking that the overlib code should go in the html of the template pages...

Would I add the popup code, somewhere in the html div?

So adding a modified version of the script:
<a href="javascript:void(0);" onmouseover="return overlib('This is an ordinary
popup.');" onmouseout="return nd();">here</a>
somewhere in here...
<div id="calendar"><SITE_CALENDAR></div>

[Dennis]

First off: if you want the overlib effect on the calendar items you probably should modify the calendar addon.

Second: as I understand it now you have your overlib library in the folder addons/overlib421/overlib.js. If this is the case you should change:


<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

to

<script type="text/javascript" src="addons/overlib421/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

[bjlawrence11]

I've fixed script in my image.html file of my template, to correctly reference the overlib.js file on my server.

<script type="text/javascript" src="overlib421 Folder/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

Should I be adding the overlib code in the Calendar addon page somewhere, as well?


If anyone can help me with some more general questions about how Pixelpost interacts with html, css, etc. drop me an email...I tried to start a new thread with my questions but I didn't have permission, so I'll post them here:

Okay so this leads me to a deeper Pixelpost-Php question. I thought I read somewhere that we should avoid editing the actual html template pages, in case we update Pixelpost...instead we should try and edit/work with the css template. Now I understand the basics of how html references css, but pixelpost's templates and the php change things...
I will venture to guess that the PHP page executes, producing a database that the html can draw from as it creates it's page. The html creates it's page drawing code from the Css...and therefore I should try to edit the Css when I can, adding . And add links and important information like Java scripting of Overlib to the html...

As you can see I am stumbling around, learning as I go...

[Dennis]

Well, the PHP files are Pixelpost core files. They connect to the database to retrieve info and basically produce pieces of HTML. These pieces of HTML are then used in the template, which in turn uses the CSS file for styling.

You can modify the template files (located in the template folder) and the CSS style to reflect a certain style.

However the modification of Pixelpost's core files (the PHP files) are strongly discouraged because people tend to get in problems if they update. In that case all the custom functionality is lost. Therefore the addon section was invented. This enables the user to add custom functionality without changing the core files. Ergo, less problems after an update.

[bjlawrence11]

Thanks for the help, Schonhose.
It makes a little more sense now as to how the php, html, and css interact.

So as I look to add Overlib to my site...where should I be adding the "preparing the page" code? Currently, I am trying to set it up within the template's individual html pages. But for sitewide calling should I add it to the index.php page?

And then where should I be adding the more specific calls?
I really want to get thumbnails to popup when hovering over my horzontal calendar dates. http://www.benlawrence.ca/photography/

I know that these are overlib questions, and I am sorting through their manual...but I'm still confused. I already have the Photoblink Thumbnails addon installed ready to go...any help?

[zac]

Cool mod... one thing would help out my design a bit...

THe current mini-thumb is selected with a [ ] around the base of it... is there a way to edit and remove this? I dont know where that would be...
thanks for any help!

[pabloandreini]

Thanks for the addon, Raminia !
Now a got a question: is there a way to make invisible (or simply take out) the "_" character that is created between thumbs ?

Here you´ll figure it out:

http://www.pabloandreini.com.ar/

(scroll down, there they are)


Thanks in advance (and sorry 'bout my poor english),
Paul !

[Personne]

Hi everybody

How to show more than 10 thumbs ?
I put 30 (example) in my admin panel but visibly the addon or overlib is "blocked" at 10 ?

[Personne]

any idea ?