Asign a cms selflink to an image

[pandaman]

Hi
Can anyone tell me how to assign a cms selflink  to an image please ?

[alby]

Can anyone tell me how to assign a cms selflink  to an image please ?

Extensions > Tags
Help of cms_selflink:

# (optional) image - A url of an image to use in the link. Example: {cms_selflink dir="next" image="next.png" text="Next"}
# (optional) alt - Alternative text to be used with image (alt="" will be used if no alt parameter is given).
# (optional) imageonly - If using an image, whether to suppress display of text links. If you want no text in the link at all, also set lang=0 to suppress the label. Example: {cms_selflink dir="next" image="next.png" text="Next" imageonly=1}

Alby

[pandaman]

Thank you
What is the code to resize the image within this tag ?

[calguy1000]

The other way is : 

[Franck]

want to assign a cms selflink to an image, using a nice css-driven rollover effect ?

Thanx to the last reply by calguy2000, I found out the one missing thing I was needing.

So how to do it ?

the xhtml part :

Code: Select all

<a href="{cms_selflink href="name-of-the-page"}" title="title-you-want" id="imagelink"></a>

you don't need to put the image link here, it's defined in the css.

this is the css part :

Code: Select all

a#imagelink {
	background: transparent url(images/nameoftheimg.jpg) no-repeat 0 -65px;
	display: block;
	height: 65px;
	width: 65px;
}

a:hover#imagelink {
	background: transparent url(images/nameoftheimg.jpg) no-repeat 0 0;
}

To avoid too much loading time when rollover, there's only one image with two parts, positioned to be viewed at the normal state and at the rollover one.

example :

top of the image is used when rollover.

More info :
original technique from http://wellstyled.com/css-nopreload-rollovers.html, french tuto : http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

[Simon66]

When I try Calguys method:
using TinyMCE in a global content block, it breaks the link.
When I re-open the HTML window it has turned the href to this:

Anybody got a fix for this?

Thanks
Simon66

[alby]

Anybody got a fix for this?

Is missing a quote

Alby

[Simon66]

Alby
I tried it with the missing quote mark


and got the same results:


Simon

[Jeff]

Alby
I tried it with the missing quote mark


and got the same results:


Simon

You can't use quotes inside quotes. Try:

Code: Select all

<a href="{cms_selflink href='somepage'}"><img src="uploads/myimage.jpg" width="100"/></a>

[Simon66]

Thanks!
Works perfectly.

Simon