[plugin] [ORPHAN] upm_image: More powerful image display

masa · 2008-04-09 09:58:20

alex9142 wrote:

The tag <txp:upm_image type=“popup” image_id=“7” /> shows the big image in a pop up window, but I have seen in some blogs (powered by textpattern) the image been shown in a normal window, inside the article (just one image).

When you say “normal window” do you by any chance mean one of those Lightbox-style effects like for instance here ?

You can do that with upm_image, too, but there’s more work involved. The first thing is to get the necessary javascript libraries and css linked in the head of your page template.

The second step is to create a custom form for upm_image that will render the thumbnail with a link to the large image and the neccessary rel="lightbox attribute.

I must admit that I haven’t used upm_image for that, but I think this should work:

<a href="<txp:upm_img_full_url />" rel="lightbox" title="<txp:upm_img_caption />" ><img src="<txp:upm_img_thumb_url />" width="<txp:upm_img_thumb_width />" height="<txp:upm_img_thumb__height />" alt="<txp:upm_img_alt />" /></a>

This should display the large image with its caption underneath. Save the form as for instance “lightbox”.

Then in your article call your image with this tag: <txp:upm_image image_id="7" form="lightbox" />

Last edited by masa (2008-04-09 09:58:56)

alex9142 · 2008-04-09 13:54:45

Hi Colak! Hi Masa!

Thank you for your replay!

Please, take a look in this website:

http://jonathanstubbs.com/photos/?set=72057594087267118

When a thumbnail is clicked, the image (in a bigger size) is shown in the same page.

masa · 2008-04-09 14:24:10

Ah, that’s a different approach.

Fom what I can tell Jonathan is displaying a Flickr set. There are several plugins worth checking out at the Txp resources site. While you’re there also check out the Galleries category of plugins.

Then there’s also a tutorial on how to create a photoblog that could be helpful.

alex9142 · 2008-04-09 16:28:16

Hi Masa!

Thank you for your help. I will try to install the vdhflickr :

http://code.google.com/p/vdhflickr/

jstubbs · 2008-04-09 17:58:55

I use the vdh_flickr plugin for the photo page, as Martin points out.

alex9142 · 2008-04-09 18:04:17

Well, unhappilly I was not sucessful… my server only has the PHP 5, not the PHP 4 anymore.
But I would like thank everybody!

masa · 2008-04-09 18:27:33

Alexandre,

don’t give up just yet! :-)

I’m sure, that if you posted a new thread in the How do I? section you will get some helpful suggestions.

alex9142 · 2008-04-09 18:33:37

Did anyone already say that you are a nice brother? thank you!

idoremus · 2008-05-14 06:54:44

Hi,

A newbie question. I discovered this plugin while searching for a way to link the image id to the CSS file. I have tried different versions of this coding:

#header { background: #eee url(<txp:upm_img_full_url image_id=“19” /> ) no-repeat left top;
}

Could someone please show me the light?

Thanks in advance,
Ian

colak · 2008-05-14 07:00:00

If you are using the plugin the the css tab I don’t think that it would work did you try something like:

#header { background: #eee url(/images/19.jpg ) no-repeat left top;
}

idoremus · 2008-05-14 07:17:18

Hi Colak,

Yes that was my first attempt. If that is the correct way to do it, I might have another problem.

I had found this thread and plugin from here which looked similar to what I was trying to accomplish.

Thanks again,
Ian

wet · 2008-05-14 07:33:08

idoremus wrote:

#header { background: #eee url(<txp:upm_img_full_url image_id=“19” /> ) no-repeat left top;
}

Textpattern tags are not processed for the style sheets, so this won’t work without a few additional pull-ups. You’d better stick with the static image URL, i.e. /images/...jpg

uli · 2008-05-14 11:10:06

Wasn’t this why ako_css was written? Unfortunately, I never got it running, but this might be a “personal flaw” ;)

colak · 2008-05-14 12:44:12

idoremus wrote:

Hi Colak,

Yes that was my first attempt. If that is the correct way to do it, I might have another problem.

I had found this thread and plugin from here which looked similar to what I was trying to accomplish.

Thanks again,
Ian

I’m not sure what you are trying to accomplish but your code should work if instead of writing the particular css in the styles tab you do it in the pages one.

you can include something like

<style type="text/css">
  #header { background: #eee url(<txp:upm_img_full_url image_id="19" /> ) no-repeat left top;
}
</style>

Having said that, unless you want the image to change (in whatever way), I cannot see why not use the /images/19.jpg. Maybe if you can explain to us what it is you are trying to achieve we will be able to make proper suggestions.

idoremus · 2008-05-15 04:44:01

Colak,

Thank you for your patience. I am building my first site. I had seen an example of a website (built without a database) that used a background image in the header. On this site they linked to the image through the CSS file. I was trying to accomplish the same task using Textpattern and attempted to see how the style sheet would link to the images folder. I tried to use “url(/images/19.jpg )“without success.

When I searched for help in the forums I ran across “upm_image” and thought maybe this would be the missing link. That is where I am at. Any suggestions would be appreciated.

Thanks again,
Ian

Textpattern CMS

Textpattern CMS support forum

#226 2008-04-09 09:58:20

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#227 2008-04-09 13:54:45

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#228 2008-04-09 14:24:10

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#229 2008-04-09 16:28:16

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#230 2008-04-09 17:58:55

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#231 2008-04-09 18:04:17

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#232 2008-04-09 18:27:33

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#233 2008-04-09 18:33:37

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#234 2008-05-14 06:54:44

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#235 2008-05-14 07:00:00

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#236 2008-05-14 07:17:18

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#237 2008-05-14 07:33:08

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#238 2008-05-14 11:10:06

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#239 2008-05-14 12:44:12

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#240 2008-05-15 04:44:01

Re: [plugin] [ORPHAN] upm_image: More powerful image display

Board footer