4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Requests & Discussions) => Topic started by: tdkpaul on September 01, 2006, 08:36:34 PM

Title: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatible
Post by: tdkpaul on September 01, 2006, 08:36:34 PM

 :flag-en:
Hello,

I have searched on this forum if a dynamic imagemap function is already available.
But "no Results"  :arrow: so i have decided to ask for a such a mod!

What i am talking about?

The best popular example is flickr.
http://www.flickr.com/photos/derektor/69502735/
OK, this image might have too much notes  :mrgreen:



And this here is the source, we should use to create this mod. On this site you can also test this amazing Fotonote.

test
http://fotonotes.net/
direct download
http://fotonotes.net/downloads/fnclient/fnclient-0.6.0.tar

This script works in every browser. I have tested it.

My suggestion:

[/b][/size]

The buttons "Edit Note" and "Delete Note" should only be visible for the admin and members.
The buttons "Add Note" and "Show/Hide Notes" are visible for the users of course
Checked! Needles to say!
 :arrow: http://www.4homepages.de/forum/index.php?topic=14428.msg77721#msg77721


Edit
Also the username an maybe even the Personal Userpic should be displayed automatically.
And an extension where you are able to see all notes would be great.

For further helpful suggestions and coding help you can join the yahoo.grup of this Open Source Script
http://groups.yahoo.com/group/fotonotes/

There is even a possibility to save Notes in DB.

Check the php files.






 :flag-de:




Hallo,
Ich habe hier im Forum nach einer dynamischen Imagemap Funktion gesucht, aber leider erzielte die Suchmaschine keine Ergebnisse, also habe ich beschlossen ein Mod Request zu starten.

Worüber geht es hier eigentlich?

Ein bekanntes Beispiel ist die Annotation Funktion von flickr
http://www.flickr.com/photos/derektor/69502735/
Dieses Bild habe ich als Beispiel genommen, weil es gerade so viele "Notes" hatte bzw. "Annotations". Wie auch immer man das nennen will. Wenn man dann auf die Ausschnitte hovered kommen die Imagemaps mit den dazugehörigen Beschreibungen zum Vorschein. Also den Comments, die die User zu bestimmten Ausschnitten gemacht haben (Crops).

Auf der folgenden Seite ist die Source zum DL bereit und ihr könnt es dort auch testen. Dort werden zur Übersichtlichkeit die Comments nach Zeitablauf gelöscht.
Als gemeinsame Referenz nehmen wir natürlich den neusten Code. (Datum)
http://fotonotes.net/

direkter Download
http://fotonotes.net/downloads/fnclient/fnclient-0.6.0.tar

Dieses Skript funktioniert übrigens einmandfrei in jedem Browser und ist somit bestens geeignet ohne Kopfschmerzen zu bekommen, dass sich fanatische IE User  darüber aufregen, dass es nicht klappe.

Es ist auch möglich die "Notes" in der Datenbank zu speichern. Dazu schaut ihr euch einfach die beigefügten php Files an und die gegebenfalls die readme. Aber wenn es um php und DB geht bin ich mit meinem Latein leider am Ende. Ich hoffe ihr wollt gerne helfen.

Oben im Englishen Teil habe ich im Navyblau meine Wünsche eingefärbt.

Für weitere Hilfestellung und Anregung, so wendet euch doch an die Yahoo.group von "fotonotes"
http://groups.yahoo.com/group/fotonotes/


 

Title: Re: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatible
Post by: Stoleti on September 01, 2006, 08:55:35 PM

to hide you can use tags {if is_admin} .... {endif is_admin}

 :mrgreen:

Title: Re: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatib
Post by: tdkpaul on September 01, 2006, 09:11:41 PM

yes, i know
but what about the whole integration?

I impossibly can't manage it by myself.

Also the username an maybe even the Personal Userpic should be displayed automatically.

And an extension where you are able to see all notes would be great.

Title: Re: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatib
Post by: tdkpaul on September 01, 2006, 11:48:35 PM

ok! what i have done so far

1.

I have created a new folder called "fnclient" in root of my Gallery. In fnclient is all the data of this script, i have attached on my first post.

2.

inserted in header.html

Code: [Select]

<script type="text/javascript" src="mydomain/fnclient/fnclientlib/js/fnclient.js"></script>
 <link rel="stylesheet" type="text/css" href="mydomain/fnclient/fnclientlib/styles/fnclient.css" />
3.
now we have to add class id "fn-image"
but where exactly i have to add "class=fn-image" ?
In details.html, media template or in a php file?


Attention: i have another img scr, because i use this mod  http://www.4homepages.de/forum/index.php?topic=9885.0

my details.html

Code: [Select]

<a href="{media_src}" target="_blank">{image}</a>
youre details.hml (standard)

Code: [Select]

{image}
my jpg.html

Code: [Select]

<img src="{media_src}" border="0" alt="{image_name}" {limit_var}="{new_limit}" />
youre jpg.html (standard)

Code: [Select]

<img src="{media_src}" border="1" alt="{image_name}"{width_height} /><br />
so, where exactly i have to add the new class "fn-image" ?


4.
Now, we have to do some changes in the attached php files. I'm afraid, at this point my knowledge is too limited to go on ...

Title: Re: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatible
Post by: V@no on September 02, 2006, 01:43:40 AM

Here is what I'd do:
1) add new field in the database where map coordinates will be stored (i.e. "image_map"), add needed info in db_field_definition.php
2) add new file extension in the allowed list (i.e. jpgm), create new jpgm.html template with javascript that would use coordinates from {image_map} tag

done.
Rename your "map" images from jpg to jpgm and upload them to your gallery, then edit them in ACP and add map coordinates in the new field.

Title: Re: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatib
Post by: live@ct on November 03, 2006, 10:18:09 AM

hi!

this mod its ready?!?!?!?!

:D