Forums / Setup & design / Using an image as a button

Using an image as a button

« 
Previous topic
|
Setup & design
|
Next topic
 »
Author Message

James Packham

Friday 09 January 2004 4:56:05 am

Hi, I know this is a really basic question but how do I use an image as a button in my templates? I've been searching and experimenting for a while now, but no luck! I'm sure I've done this in the past, but can't remember how!

Thanks,

James

Claus Jensen

Friday 09 January 2004 5:27:54 am

Hi James,
Here ya go:
<input name="SearchButton" type="image" src={"go.gif"|ezimage} value="{'Search'|i18n('design/standard/layout')}" width="26" height="26" border="0" />

James Packham

Friday 09 January 2004 6:56:23 am

Thanks!

James Packham

Friday 09 January 2004 9:47:51 am

Had another thought on this - is there a way to use an image attached to an object (e.g. thumbnail image attached to an article, just an example - Obviously I'd create a new class to do this for security reasons) as the button?

Claus Jensen

Monday 12 January 2004 1:40:07 am

Hi,
Do you mean to display this image in the article, that is very possible. But I dont know if I understood you right.

regards,
claÜs

James Packham

Monday 12 January 2004 6:35:20 am

I meant display the image from an article and make it "clickable" or more precisely let the user click on it to use it as an eZPublish button. But having had the chance to think about it, it's probably quite complicated hack right?

Regards,

James

Claus Jensen

Tuesday 13 January 2004 12:27:00 am

Hello,
You mean click and it will take you to another www-address? Like a html-link? That I have done myself, and if that is what you mean, its really easy. Just...: <a href="www.something.com"><img src="yourpic.jpg"></a>
or you also may use a javascript I think, like this: <img src="pic.jpg" onClick="Javascript:document.form.submit();"> or something like that.

regards,
claÜs

eZ debug

Timing: Jan 19 2025 07:04:39
Script start
Timing: Jan 19 2025 07:04:39
Module start 'content'
Timing: Jan 19 2025 07:04:39
Module end 'content'
Timing: Jan 19 2025 07:04:40
Script end

Main resources:

Total runtime0.2425 sec
Peak memory usage4,096.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0092 588.9531180.8359
Module start 'content' 0.00920.0067 769.789197.8672
Module end 'content' 0.01590.2265 867.6563525.8984
Script end 0.2425  1,393.5547 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00401.6419200.0002
Check MTime0.00140.5842200.0001
Mysql Total
Database connection0.00070.303110.0007
Mysqli_queries0.135555.88561410.0010
Looping result0.00160.65221390.0000
Template Total0.226293.310.2262
Template load0.00090.351810.0009
Template processing0.225392.902710.2253
Override
Cache load0.00060.247110.0006
Sytem overhead
Fetch class attribute can translate value0.00080.331910.0008
XML
Image XML parsing0.00030.107710.0003
General
dbfile0.055222.7448200.0028
String conversion0.00000.003330.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0002 secs