Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
How do I get a picture Management like textpattern.com
Hello
I’ve installed tp and now I want to show the pictures in the same way as demonstrated in http://textpattern.com/.
I have a small screeshoot picture and an signature-line and in order to see the large picture I’ve to click.,
I’ve tested several plugins and at this time bas_lightbox is running and this works relatively well. I geht the thumbnail view and I get the large picture If I click there.
How do I get a signature-line
Thanks for your help
Wolfgang
Offline
Re: How do I get a picture Management like textpattern.com
upm_image and lightbox playing nicely together. [de]
A custom form for upm_image is the key element, as upm_image allows for the rendering of every single image detail, including both alternate text (<txp:upm_img_alt />) and caption (<txp:upm_img_caption />). While both textual properties are usable for a signature line, I’d rather choose caption over the alt attribute, as alt is afflicted with special semantics.
Schönen Gruß, auch an Wolfheinz ;-)
Rawlf Wetman
Offline
Re: How do I get a picture Management like textpattern.com
wet wrote:
I’d rather choose caption over the
altattribute, asaltis afflicted with special semantics.
Robert, Firstly let me congratulate you for joining the dev team.
Secondly, I couldn’t agree more about this. Please take a look in the “Feature Ideas” forum regarding a functionality added in 404 which i think conflicts with those semantics.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Re: How do I get a picture Management like textpattern.com
Hello Robert, hello Yiannis
Ok let me add some other important points. I have written a small text Consequenzes for the language attribute at google
In this manner I click to the picture and use the back-button to get a view in the large picture. But If I change to print preview, I want to see the full pictures.
Up to now, I get the follwing codes
<p>
<span class="floatClear">
<span class="pictureLeft">
<a href="http://devsup.de/images/11.jpg" rel="lightbox" title="title">
<img src="http://devsup.de/images/11t.jpg" alt="alt" title="title" />
</a>
</span>
</span>
</p>
I do not have any idea to make the t-picture visible in the View-Mode and the other in the Print-Mode.
Best Regards
Wolfgang
Offline
Re: How do I get a picture Management like textpattern.com
NB: This is no Textpattern specific requirement.
Changing a page’s visual presentation (and this is, what changing one image for another requires) from screen to print view requires a way to distinguish both views.
One way this distinction could be done was by specifying different CSS rules for both images (the original size and the thumbnailed size) for each of the media (screen, print). See any useful CSS documentation for media type rules, specifically for the screen, projection and the print rules.
A sample style sheet might include these CSS rules
@media print {
img.fullsize {visibility: visible;}
img.thumb {visibility: hidden;}
}
@media screen, projection {
img.fullsize {visibility: hidden;}
img.thumb {visibility: visible;}
}Include both images into your pages HTML markup and assign proper classes, along the lines of this snippet:
<img class="fullsize" src="http://devsup.de/images/11.jpg" /><img class="thumb" src="http://devsup.de/images/11t.jpg" />This markup can be the result of upm_image employing a custom form, of course. See upm_image’s help section for useful tags.
Offline