Author Topic: §{yeah}§ Notes on photos created by users, imagemaps, crossbrowser compatible  (Read 8492 times)

0 Members and 1 Guest are viewing this topic.

Offline tdkpaul

  • Full Member
  • ***
  • Posts: 205
    • View Profile
 :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/


 


« Last Edit: September 02, 2006, 12:13:03 AM by tdkpaul »

Offline Stoleti

  • Hero Member
  • *****
  • Posts: 574
    • View Profile
to hide you can use tags {if is_admin} .... {endif is_admin}

 :mrgreen:

Offline tdkpaul

  • Full Member
  • ***
  • Posts: 205
    • View Profile
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.





Offline tdkpaul

  • Full Member
  • ***
  • Posts: 205
    • View Profile
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 ...




Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
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.
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline live@ct

  • Sr. Member
  • ****
  • Posts: 348
    • View Profile
hi!

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

:D
Existen 10 tipos de personas, los que entienden el codigo binario y los que no.