{{image.png?nolink}}
----
===== Image descriptions =====
I would like to make it so that image descriptions appear below the image, in a span as well as in the alt. Can anyone help me with this?
----
==== a solution ====
> the key file & function are inc/format.php & format_link_media().
> at the **if** block (around line #288), replace the existing code with the code below...
//prepare name
if($isimg){
//--CS (begin changes)
$link['name'] = ''; // insert this line
// $link['name'] = '
';
//--CS (begin changes)
$link['name'] .= '
'$t.''; // insert this line
//--CS (end changes)
> then add suitable styles into your style sheet, (normally //style.css//). Below are two examples (don't use them both :-))
/* plain */
div.wikiimage { border-style:none; padding:0px; margin:3px; text-align:center; }
div.wikiimage img.media { padding: 0px; margin: 0px; border-style:none;}
/* fancy */
div.wikiimage { border-style:none; padding:2px; margin:2px; } /* containing box style */
div.wikiimage { color:#ffff00; background-color:#000000; text-align:center; font-weight: bold; } /* text style */
div.wikiimage img.media { padding: 0px; margin: 0px;}
> you don't need the div.wikiimage img.media style, in which case you must edit the img.media style to ensure there are no padding, margins, or borders. These add to the width required for the image and can lead to the text being off-centre. All of your current img.media styles should be transferred to div.wikiimage.
>
> I have tried it in both Firefox and IE6 and the image and text show up ok. The only problem is in IE, where the image is no longer clickable as a link. But that may be because I disabled javascript in IE.
>
> I hope this helps.
>
>
{{gallery>/wiki/photos/dogs}}
which would then scan the namespace given ('wiki/photos/dogs') for all images, and display thumbnails of the images. You could click the thumbnails to get full-size images, perhaps also extracting EXIF information. This could make the sharing of a large collection of photos very easy on the Wiki.
----
>I'm planning to provide this extension and am thinking it through. Here are my requirements:
* Can include more than one gallery on a given page.
* Can say where on the wiki page a gallery goes.
* Can control the order in which images are presented.
* Can cycle forward/back through the image pages.
* Can control presentation of thumbnail gallery.
* Can control presentation of each image page.
* Can link each image page back to the gallery's wiki page (or pages?).
>Here's what I'm currently thinking of doing:
* Use a syntax such as yours to specify the gallery directory.
* The syntax can specify the maximum thumbnail dimensions, so that all thumbnails are made to fit within the defined box. If no dimensions are specified, default dimensions are assumed.
* Images are presented in filename sort order. [But this approach makes it painful to reorder images when filenames are numbered.]
* A template specifies how the thumbnail gallery is generated as HTML.
* The EXIF title of each image becomes a tooltip for each thumbnail.
* A template specifies how an image page looks. This template says where each EXIF field goes on the page. Back/forward buttons can be put on the template to allow navigation through the image pages.
>Some questions:
* Should the image pages be wiki-editable? I'd rather not do this if it's going to be time-consuming to implement.
* How does an image page link back to the wiki page containing the thumbnail gallery in which it appears? What if multiple wiki pages include the gallery? The problem is that google or an external link might point directly to the image page, which in itself has no clue what wiki pages are pointing to it. (I need to look into DokuWiki's existing backlink mechanism.)
* Is there an open-source PHP EXIF library I can include? I don't plan to write one. Must the EXIF library be compiled into PHP or otherwise linked into the web server? [Answer: Yes, since 4.3. PHP must be compiled with --enable-exif. Can we require PHP 4.3 or later?]
* Should I instead leverage the export-as-HTML feature that virtually every image management system provides? If the system's export templates were munged to export to a special syntax we require, then anyone could import image meta data, whether or not they have EXIF tools.
>I'm hoping somebody out there will help me think this through. I can't really even start my DokuWiki site without the feature, because the site is going to be heavy on images. Thanks!
>~joe www.spiderjoe.com
>P.S. On second thought, I want all my text to be editor-editable, grep-searchable, and sed-replaceable. Can't do that if it's locked in EXIF fields. It seems to go against the DokuWiki philosophy to rely on EXIF. So now I'm thinking I'll rely on an image management system's ability to export to HTML and ask that users export to a custom syntax instead. I may have the user export thumbnails this way too, to take some of the burden off of the server.
----
>I think I'll keep the first rev really simple and do something similar to the
$conf['basedir'] = ''; //absolute dir from serveroot - blank for autodetection
$conf['baseurl'] = ''; //URL to server including protocol - blank for autodetect
>
>Hope that helps.
>
> --- //[[leah@web-threads.com|leah]] 2006-03-07 22:26//
===== Is there a way to update images? =====
When i want to update an image, i use the updated image with the same filename, which will get ignored.
Makes sense to prevent accidential overwriting of other images .. hmm any idea?
>In my [[wiki:development]] Version, there is a Checkbox **[ ] Overwerite existing version**
===== Is there a way to align text right to images? =====
* For my dokumentation needs I would like to insert several images and add some descriptive Text beside every one. Using
{{image}} description...
leeds to the following effect:
{{ding:display_back.jpg?150}} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
{{ding:display_back.jpg?150}} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
* I find out, that using
{{image }} description...
could help this, but there is a problem left, when I use several images. In this case the images get nested. Any Idea to solve this?
{{ding:display_back.jpg?150 }} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
{{ding:display_back.jpg?150 }} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
\\ \\ \\
**How can I force the second image to stay left like the first one?**
--- //[[dokuwiki.20.baucki@spamgourmet.com|Konrad Bauckmeier]] 2005-10-20 11:32//
A solution for your issue are new lines %%\\ \\ \\ %% between the both pictures. --- //[[anja_vag@web.de|Anja Vag]] 2005-10-24 13:38//
{{ding:display_back.jpg?150 }} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
\\ \\ \\
{{ding:display_back.jpg?150 }} Image Description, wich is longer then a line, Description, wich is longer then a line, Description, wich is longer then a line,Description, wich is longer then a line,Description, wich is longer then a line
--- //[[zaherdirkey@yahoo.com|Zaher Dirkey]] 2007-6-8 5:27//
Or you can enable in your setting htmlok and add %%