4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: fgallery on November 08, 2005, 01:19:38 PM
-
Idea
The idea is that visitors would have possibility to post images from your gallery anywhere in the Internet (forums, guestbook, blogs, livejournal, etc.)
To perform this we need a new button called for e.g "Post It!" under every single image.
Once the button is pressed pop-up window will show-up.
The window will contain 4 different posting codes:
1) Large version of an image linked to the corresponding page on your site;
2) Thumbnail linked to the corresponding page with large version on your site;
3) Large version linked to the corresponding page on your gallery behind lj-cut;
4) Thumbnail before lj-cut; large version linked to the corresponding page on your gallery behind lj-cut;
Options 3,4 would be useful for posting in livejournal (http://livejournal.com).
Installation
1)Create new file named postit.php in your 4images root directroy; put this code to the file:
<?php
$site_url= "http://www.yourpage.com"
?>
<html>
<head>
<title>Post-it</title>
<style type="text/css">
/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 3px;
padding-bottom: 20px;
font-family: "courier new", helvetica, "times new roman", serif;
/* font-family: Courier, 'Courier New', sans-serif, helvetica, "times new roman", serif;*/
font-size: x-small;
width: 98%;
max-height: 24em;
margin: 1px auto 1px auto;
/*margin-top: 4px;*/
white-space: nowrap;
overflow: auto;
line-height: 1.3em;
}
.codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: small;
}
</style>
</head>
<?php
$cat_id = $_GET["cat_id"];
$thumb = $_GET["thumb"];
$image = "data/thumbnails/$cat_id/$thumb";
$size = getimagesize("$image");
$thumb_height = $size[1];
$thumb_width = $size[0];
$thumb_width_height = (!empty($size[3])) ? " ".$size[3] : "";
$thumb_height = $size[1];
$thumb_width = $size[0];
?>
<body>
<div class="codeheader">Thumbnail linked to the corresponding page:</div>
<div class="code"><a href="<?php echo $_GET["url"]; ?>"><br />
<img src="<?php echo $site_url; ?>/data/thumbnails/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["thumb"]; ?>" <?php echo $thumb_width_height; ?> border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br />
<div class="codeheader">Large version linked to the corresponding page:</div>
<div class="code"><a href="<?php echo $_GET["url"]; ?>"><br />
<img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br /><br />
<div class="codeheader">Large version linked to the corresponding page behind lj-cut:</div>
<div class="code"><lj-cut text="<?php echo $_GET["name"]; ?> - <?php echo $_GET["width"]; ?> x <?php echo $_GET["height"]; ?> - <?php echo $_GET["size"]; ?>"><br /><a href="<?php echo $_GET["url"]; ?>"><br />
<img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br /><br />
<div class="codeheader">Thumbnail before lj-cut; large version linked to the corresponding page behind lj-cut:</div>
<div class="code"><img src="<?php echo $site_url; ?>/data/thumbnails/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["thumb"]; ?>" <?php echo $thumb_width_height; ?> border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /><br />
<lj-cut text="<?php echo $_GET["name"]; ?> - <?php echo $_GET["width"]; ?> x <?php echo $_GET["height"]; ?> - <?php echo $_GET["size"]; ?>"><br />
<a href="<?php echo $_GET["url"]; ?>"><br />
<img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a><br />
</lj-cut></div>
</body>
</html>*Change $site_url= "http://www.yourpage.com" !
2)Open includes/functions.php
Find:
else {
$user_name = $lang['userlevel_guest'];
$user_name_link = $user_name;
}
Add below:
if ($detailed_view) {
$site_template->register_vars(array(
"media_thumbnail" => $image_row['image_thumb_file'],
"media_url" => $image_row['image_media_file'],
));
}
3)Unzip 'posit_buttons' archive and upload postit.gif and postit_off.gif to your template images directory (usually '/templates/templatename/images_language')
You can also use hot_link_button pack.
The archives are attached to this post.
4)Open templates/{your_template}/details.html and put this code where you want "Post It!" button to appear.
{if user_loggedin}<A HREF="javascript:popUp('/postit.php?url='+escape(window.location.href)+'&name={image_name}&cat_id={cat_id}&media_url={media_url}&thumb={media_thumbnail}&height={height}&width={width}&size={image_file_size}')"><img src="{template_lang_image_url}/postit.gif"></a>{endif user_loggedin}{if user_loggedout}<img src="{template_lang_image_url}/postit_off.gif">{endif user_loggedout}
5)Open templates/{your_template}/header.html
Find:
</head>Add above:
<script language="JavaScript">
<!-- PostIt! Pop-Up Window Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=600,left = 390,top = 212');");
}
// PostIt! Pop-Up Window End -->
</script>
Credits
-Original code by ruudvroon.
-Buttons by maxpaul.
-Some code parts by V@no.
Thank you guys!
This MOD is still improving and if you have any thoughts about it feel free to comment here (http://www.4homepages.de/forum/index.php?topic=10284.msg50913#msg50913 (http://www.4homepages.de/forum/index.php?topic=10284.msg50913#msg50913))
-
very useful, i have added it to the admin options for the moment.
wouldnt mind it setup as a members option button to go with the lightbox/ecard/download buttons.
Thank you
-
I followed the steps ..
but the only result I had is a pop up window with an empty page ?
what should be the results ?
-
I followed the steps ..
but the only result I had is a pop up window with an empty page ?
what should be the results ?
Download postit.zip -> unzip -> put postit.php in your gallery root directory.
And don't forget to change $site_url= "http://www.yourpage.com".
-
I did .. I've got the same result!
I noticed something in postit.php file :
- <img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br /><br />
- <img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br /><br />
- <lj-cut text="<?php echo $_GET["name"]; ?> - <?php echo $_GET["width"]; ?> x <?php echo $_GET["height"]; ?> - <?php echo $_GET["size"]; ?>"><br />
<a href="<?php echo $_GET["url"]; ?>"><br />
<img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a><br />
</lj-cut></div>
and so do the last 2 of the list
-
No, that's ok.
Works fine for me.
http://f-gallery.com.ua/img1242.htm
Click "Post It" under the pic and you'll see how it should work.
Wait for the coder of this MOD perhaps he could help you.
-
I'm waiting him
thank u
-
I did .. I've got the same result!
I noticed something in postit.php file :
- <img src="<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>" width="<?php echo $_GET["width"]; ?>" height="<?php echo $_GET["height"]; ?>" border="0" alt="<?php echo $_GET["name"]; ?>" title="<?php echo $_GET["name"]; ?>" /></a></div><br /><br />
You need this codes to show the right code on you page without "parsing" it.
-
I've just found the error :
3)Open templates/{your_template}/details.html and put this code where you want "Post It!" link to appear.
<a href="javascript:popUp('/postit.php?url='+window.location.href+'&name={image_name}&cat_id={cat_id}&media_url={media_url}&thumb={media_thumbnail}&height={height}&width={width}&size={image_file_size}')">Post It!</a>
<a href="javascript:popUp('/postit.php?url='+window.location.href+'&name={image_name}&cat_id={cat_id}&media_url={media_url}&thumb={media_thumbnail}&height={height}&width={width}&size={image_file_size}')">Post It!</a>
I removed the / then every thing worked !
-
if you need a easier version of this mod check the one that i have done for my site ... if u like it i will post the code
Demo:
http://www.surfourspace.net/details.php?image_id=17250
-
@ ascanio
Please do that!
Thanks.
Ps. does this support bbcodes too?
-
if you need a easier version of this mod check the one that i have done for my site ... if u like it i will post the code
Demo:
http://www.surfourspace.net/details.php?image_id=17250
1)Your MOD also gives incorrect links for extrenal images . Can you fix this ?
2)How can I try it ?
Waiting for your reply ;)
-
try to click again :) its working now
i will post my mod tomorrow
-
Thank you fgallery for this MOD
Here is one micro addition, instead of the text link “post it!” use the attached button file to make it alike other buttons (ecard, download etc) :D
I am also attaching a PSD file so that you can modify the text as required….
How to implement it?
1) I have used a absolute link to the image file in the templates/{your_template}/details.html ; but this is not the best option!!! :(
2) link the image file with javascript:popUp('/postit.php?url='+window.location.href+'&name={image_name}&cat_id={cat_id}&media_url={media_url}&thumb={media_thumbnail}&height={height}&width={width}&size={image_file_size}')
I hope some one can code the modification need to add to function.php so that this becomes more practice to use on multi-lingual sites
If you have just one language on you site, I guess it will be ok without extra modification :)
Thanks to everyone on this forum
-
if you need a easier version of this mod check the one that i have done for my site ... if u like it i will post the code
Demo:
http://www.surfourspace.net/details.php?image_id=17250
YES! i like it :-)
would be great if you can post the code.
greets, alex
-
I would not recommend to redirect a page like this :
javascript:popUp('/postit.php?url='+window.location.href+'&name={image_name}&cat_id={cat_id}&media_url={media_url}&thumb={media_thumbnail}&height={height}&width={width}&size={image_file_size}')
from your HTML templates since your 4images sessions will not be validated.
Please see this topic for more detailed instructions on this :
http://www.4homepages.de/forum/index.php?topic=10897.0
-
Thanks for the addition maxpaul!
Can you draw inactive versions of these two buttons ?
PS.I'm trying to make changes to functions.php so the button could be inserted in template with simple {postit_button}.
It will also support multi-lingual sites and it will be inactive for unregistered users
-
Thanks fgallery, we will be waiting eagerly for the modification :D
I have updated the buttons and am attaching the files with active and inactive state (along with its PSD files so that you can change the opacity level if required)
Thanks :)
-
Thanks fgallery, we will be waiting eagerly for the modification :D
I have updated the buttons and am attaching the files with active and inactive state (along with its PSD files so that you can change the opacity level if required)
Thanks :)
Once again thank you for the buttons!
Thanks to V@no the modification is complete.
Topic was updated.
-
Could we get a changelog?
-
Could we get a changelog?
Of course.
Changelog:
-Added PostIt! button instead of text link;
-Updated code for detail.html;
-
nice update there 8)
thank you
-
This doesn't work for me.. the thumbnail address is wrong.
-
Hi,
I followed the instructions closely and everything works okay, except that the image (or thumbnail) isn't shown when I insert the code in a homepage or forum post - all I see is a red x where the image should be. The link to my 4images gallery works fine though.
Any help would be greatly appreciated.
Tamora
-
Hi,
I followed the instructions closely and everything works okay, except that the image (or thumbnail) isn't shown when I insert the code in a homepage or forum post - all I see is a red x where the image should be. The link to my 4images gallery works fine though.
Any help would be greatly appreciated.
Tamora
Could you give us a link that you get from post-it?
Do you have hotlinking on ?
-
Hi temora,
I think it has something to do with your htaccss file (hotlink protection)
Hi,
I followed the instructions closely and everything works okay, except that the image (or thumbnail) isn't shown when I insert the code in a homepage or forum post - all I see is a red x where the image should be. The link to my 4images gallery works fine though.
Any help would be greatly appreciated.
Tamora
-
Hello izone and BarkAfterDark,
thank you very much for your fast reply!
I do have a .htaccess file in the directory /data/database. When I open, it says "deny from all", any ideas on how I have to change that to make the Post It! MOD work? I have looked at some threads in the forums about hotlinking and .htaccess, but am still not sure how to go on...
Again, many thanks for the help.
Tamora
-
I don't think it could be the problem. but if you just remove that line from .htaccess and save it and see if this mod will work again or not.
-
is there any way to get BB code links?
and how can i show the feature to all peoples. Right now only logged users can see it, but i want that al lcan see it...
-
For BB-Code to post in forums etc. add in postit.php:
<div class="codeheader">BB-Code um die volle Bildgrösse zuverlinken:</div>
<div class="code">[img]<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>[/img]</div><br /><br />
<div class="codeheader">BB-Code um das Thumbnail zuverlinken:</div>
<div class="code">[url=<?php echo $_GET["url"]; ?>]<br />
[img]<?php echo $site_url; ?>/data/thumbnails/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["thumb"]; ?>[/img][/url]</div>
-
Great mod thank you + comvalley for the bbcode
-
Hi, I know this post isn't active anymore but I just installed this mod and I'm having some issues with it.
I'm getting this display in the pop up
[Warning: getimagesize() [function.getimagesize]: Read error! in /home/eslamoda/public_html/wallpapers/postit.php on line 44
Then the image codes doesn't display propertly, here is an example of the code it shows
<a href="http://www.eslamoda.com/wallpapers/details.php?image_id=1">
<img src="http://www.eslamoda.com/data/thumbnails/1/" border="0" alt="gothic" title="gothic" /></a>
Another
(http://www.eslamoda.com/data/media/1/./data/media)
The URL is here http://www.eslamoda.com/wallpapers/
I would apreciate if anyone could help me
Thanks
Aura
-
Hi All!
I use multilanguage support in my site and my url look like thise
http://youpages.com/img849.htm?l=russian
With parametr ?|=language I received error.
-
and what error says exactly?
-
Service Temporarily Unavailable
The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.
everything works without ?l=russian parameter
-
That message doesn't come from 4images itself...can I see it myself?
P.S.
maybe something wrong with your lang/russian/main.php file
-
Sanx
http://artportal.in.ua/ (http://artportal.in.ua/)
hoster Dreamhost
-
I don't see any errors in FF3 and IE6
-
hm..
When a link like "http://artportal.in.ua/img859.htm" - there are no errors, but when a link like "http://artportal.in.ua/img859.htm?l=russian" - an error in all browsers.
-
http://artportal.in.ua/img859.htm?l=russian
... it works perfect for me, without any error, in MSIE 7.0 , MSIE 8.0 , Safari 4.0 , FF 3.5.2 , Iron 1.0.155 ...
-
I test on other computer in other network sigment in Ukraine and have error. Please help!
it is my address in popup window
with parametr
http://artportal.in.ua/postit.php?url=http://artportal.in.ua/img859.htm?l=russian&name=%D0%9C%D0%B0%D0%BA%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%BA%D0%BE%D0%B2%D0%B5%D1%80&cat_id=2&media_url=45991.jpg&thumb=45991.jpg&height=533&width=800&size=473.2%C2%A0KB
without parametr
http://artportal.in.ua/postit.php?url=http://artportal.in.ua/img859.htm&name=%D0%9C%D0%B0%D0%BA%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%BA%D0%BE%D0%B2%D0%B5%D1%80&cat_id=2&media_url=45991.jpg&thumb=45991.jpg&height=533&width=800&size=473.2%C2%A0KB
-
in step 4 replace window.location.href with: escape(window.location.href)
-
Ho-ho!
Thank you very much!
-
For BB-Code to post in forums etc. add in postit.php:
<div class="codeheader">BB-Code um die volle Bildgrösse zuverlinken:</div>
<div class="code">[img]<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>[/img]</div><br /><br />
<div class="codeheader">BB-Code um das Thumbnail zuverlinken:</div>
<div class="code">[url=<?php echo $_GET["url"]; ?>]<br />
[img]<?php echo $site_url; ?>/data/thumbnails/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["thumb"]; ?>[/img][/url]</div>
Thanks for the MOD.
There is a mistake for BB-code, you need remove one <BR>, the right code is:
<div class="codeheader">BB-Code um die volle Bildgrösse zuverlinken:</div>
<div class="code">[img]<?php echo $site_url; ?>/data/media/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["media_url"]; ?>[/img]</div><br /><br />
<div class="codeheader">BB-Code um das Thumbnail zuverlinken:</div>
<div class="code">[url=<?php echo $_GET["url"]; ?>][img]<?php echo $site_url; ?>/data/thumbnails/<?php echo $_GET["cat_id"]; ?>/<?php echo $_GET["thumb"]; ?>[/img][/url]</div>
Could MOD's author update the first topic and add the BB code?