bos_image_display and bos_image_category for simple image gallery

lee · 2006-05-10 12:51:41

Got myself a bit lost with this plugin.

All I’m trying to do is have the thumbnails from image category floorizon in an article, and when I click on one for the full image to show. Problem is clicking a thumbnail dosent show the full image. My setup is below, any help would be great. Thanks, Lee.

Tags:
<code>
<div class=“images”>
<txp:bos_image_index break=“li” wraptag=“ul” cat=“floorizon” />
<txp:bos_image_display title=“1” capt=“1” default=“first” />
</code>

Clean urls:
/section/title

Article url with tags in:
http://www.site.co.uk/article/floorizon-plank

Thumbnail link:
http://www.site.co.uk/article/?c=floorizon&p=32

As you can see clicling the thumbnail takes me to http://www.site.co.uk/article/?c=floorizon&p=32
and not
http://www.site.co.uk/article/floorizon-plank/?c=floorizon&p=32

Zanza · 2006-05-10 14:05:48

Hi Lee.

Never tried to put the plugin in an article, nice to hear that the thumb list is displayed! :)

I’m not able to reach your example: if you can point to the site (site.co.uk is a fake name? I can’t connect) maybe I can give a look and guess from the way you and the plugin manage the urls. I suspect the problem is in that.

Bye.

Z-

transph0rmer · 2006-05-18 17:27:12

Great Plugin Zanza, thanks a lot. Still have a question though. I want to show the image index via txp:bos_image_index an after i select a thumb i want the index replaced by txp:bos_image_display . Any Ideas how to make that work? Haven’t figured it out yet, but I am still a beginner with txp…
Do I need two page templates, and if that’s so do i need a second section? Is it possible to redirect the user from section 1, where txp:bos_image_index is placed to section 2 where txp:bos_image_display is via the url_ext attribute?

Help’s appreciated.
transph0rmer

Last edited by transph0rmer (2006-05-18 18:23:05)

Zanza · 2006-05-19 12:55:46

Hello transphormer. Thanks for the apreciation.

News: I’ve updated to v.0.35, added some classes attributes to the title and caption of bos_image_display tag for better styling. Same url, see first post. Details in the help.

Now, to your question. I’m not sure to fully understand: do you want to avoid the display of a default fullsize image at first? If you do, you can use my bos_if_p conditional provided in my bos_if_cat_parent plugin to wrap the bos_image_display tag in your template. So, at first no image will be displayed (no p is set by default), and only when the user choose one from the index, the tag will start his work.

I don’t understand if you also want to exclude the index when the fullsize image is provided. I don’t know why, anyway you could do it by using the bos_if_not_p tag in the template around the index tag. Just the opposite of before. But then how could the user navigate through the image?

I hope it can help. Feel free to ask.

Bye!

Z-

transph0rmer · 2006-05-19 13:10:11

Zanza, you got my question perfectly right and your answer solved my problem. After I’m finished I’ll post a link here, to show you what I need that for.
Thanks a million times. Keep up the great work
Sincerly,
transph0rmer

Zanza · 2006-05-19 13:34:32

You’re welcome, transph0rmer.

Bye!

Z

Zanza · 2006-05-19 17:39:04

I’ve made another version (0.36) with some improvements:

added the possibility to textilize (via the ‘textilize’ attribute) the caption in the bos_image_display. So you can add link and formatting using textile and having it correctly displayed, richer than before.
Added an attribute (‘art_img’) to let you use the bos_image_display as a single tag in article forms to display article image. It is experimental, but this way you can take advantage of the bos_image_display capabilities in displaying title and caption also for article images. Let me know if something goes wrong. See the help for details for attributes

See first post for link (same as before…).

Bye

Z-

Zanza · 2006-05-19 22:37:46

Minor bugfix: v. 0.37.

It shouldn’t affect the most of the cases, and in the few cases you may even not notice it. But you’d better update, you never knows…

transph0rmer · 2006-05-20 12:52:54

Hi Zanza, here you can see what I wanted to do.

http://bianchet.dwell.de/gallery/ (only for Firefox at the moment!)

It’s just a sketch and the design is far from finished. It would be awesome if clicking on the fullsize image would bring me to the next image. Do you think something like that could be handled somehow. But whatever… already now it’s my favourite gallery plugin for txp.

Cheers, transph0rmer

Last edited by transph0rmer (2006-05-20 13:49:42)

mrdale · 2006-05-20 22:01:46

>Zanza

Thanks, for a great plugin. You’ve built a lot of versatility into this one.

Request: I’d love to have this plugin output images in a form that one of my scripts can work on.

I want to have the ability to add a class and numbered ids to the break tag (I use divs).

So for example I could output.

<code><div class=“slide” id=“slide1”>image, titles, captions go here</div>
<div class=“slide” id=“slide2”>image, titles, captions go here</div>
<div class=“slide” id=“slide3”>image, titles, captions go here</div></code>

Anyway, that would make this plgin extremely useful to me.

Zanza · 2006-05-21 15:39:58

transph0rmer: Your page give me a 404 at the moment. Anyway, you could do what you need using the bos_img_next tag and styling it to expand over the image using css (using a {display block; width: 100%; height: 100%} in a common div).

It should work after some try. Still you can’t go back without the browser. You could style the bos_img_prev tag to cover the left half of the image and the bos_img_next the right half. Also with a hover effect to higlight with a background image two arrows that let the user understand the effect of the link.

Mrdale: Uhm… I suppose your request is meant to be about the bos_image_index tag. This tag uses the doWrap function, and that function doesn’t let me use an id for the break tag. So I think at the moment your request couldn’t be satisfied without rewriting the function.

At what I see, it should let me use a common class for break. But I also think it isn’t necessary, because if the class is the same for the elements of the index, then you can style them using the child selector. So you could wrap the index in a div class=“index” and then use div.index div {} rule to style the elements, without the need of adding a class.

For modern browser also the n(th) elements of a list could be styled using the adjacent sibling selector (div.index div+div, div.index div+div+div, and so on). But I agree this is a suboptimal solution. If you want to explain what exactly you need maybe I cant think about it without rewriting the doWrap function. If the TXP developers want to improve that function, anyway, it would be great.

Bye

Z-

mrdale · 2006-05-21 16:08:53

>Z. Thanks for your suggestion. You are right, of course, I could style the elements using child and sibling selectors.

But in this case I want the unique numbered IDs so that I can use an existing slideshow javascript. The script rotates the divs visibility with a fade, and allows the user to flip back and forth in the slideshow and pause/start it.

Anyway, it looks like providing numbered ids would be a major undertaking, so consider my request un-requested. -Thanks Anyway.

Textpattern CMS

Textpattern CMS support forum

#49 2006-05-10 12:51:41

Re: bos_image_display and bos_image_category for simple image gallery

#50 2006-05-10 14:05:48

Re: bos_image_display and bos_image_category for simple image gallery

#51 2006-05-18 17:27:12

Re: bos_image_display and bos_image_category for simple image gallery

#52 2006-05-19 12:55:46

Re: bos_image_display and bos_image_category for simple image gallery

#53 2006-05-19 13:10:11

Re: bos_image_display and bos_image_category for simple image gallery

#54 2006-05-19 13:34:32

Re: bos_image_display and bos_image_category for simple image gallery

#55 2006-05-19 17:39:04

Re: bos_image_display and bos_image_category for simple image gallery

#56 2006-05-19 22:37:46

Re: bos_image_display and bos_image_category for simple image gallery

#57 2006-05-20 12:52:54

Re: bos_image_display and bos_image_category for simple image gallery

#58 2006-05-20 22:01:46

Re: bos_image_display and bos_image_category for simple image gallery

#59 2006-05-21 15:39:58

Re: bos_image_display and bos_image_category for simple image gallery

#60 2006-05-21 16:08:53

Re: bos_image_display and bos_image_category for simple image gallery

Board footer