Forums / Discussions / Image Maps in ezwebin Banners

Tuesday 16 August 2011 5:40:11 am - 4 replies

» Read full tutorial

Introduction

Beginners guide for learning how to use image maps in the ezwebin extension.

 
Author Message

Thiago Campos Viana

Tuesday 16 August 2011 8:54:35 am

Where and how do users put the map tag? Is it in the template, the ez editor or elsewhere? I used to put it in template by the override system. I think it is possible with the ez editor but we need to enable the html tag that isn't enabled by default (maybe with some template changes, 'cause we need an unique id for the image... is it "banner_map" for the frontpage? I never checked...).

Am I viewing the entire tutorial? It just show a sample usage of the html map tag... and the w3schools sample is more complete, it actually shows that it needs to exist a img tag somewhere...

eZ Publish Certified Developer: http://auth.ez.no/certification/verify/376924

Twitter: http://twitter.com/tcv_br

Nicolas Pastorino

Tuesday 16 August 2011 10:04:25 am

Hi Thiago, 

I just notified Doug of your remark, we will make sure that the necessary additional information is added.

Cheers,

--
Nicolas Pastorino
Director Community - eZ
Member of the Community Project Board

eZ Publish Community on twitter: http://twitter.com/ezcommunity

t : http://twitter.com/jeanvoye
G+ : http://plus.tl/jeanvoye

Doug Brethower

Tuesday 16 August 2011 11:13:29 am

Excellent question, Thiago, thank you.

When ezwebin is installed with demo content, in the Media Libaray tab is created a folder called "Banners" along with some sample banners.

These banners are editable in the admin interface under the Media Library tab ie Media / Banners / Got Wood-Reality for a banner named "Got Wood-Reality"

About halfway down the editor interface page is an empty box labeled "Image Map"  It kept me curious, I could never find documentation.

I had your concern about unique id.  It has been a while since I debugged, but from memory the id is "uniqued" at the next level up.  So the same opening and closing lines may be used for multiple banners on a site.

http://bogzdogz.com is a site where the client thoroughly enjoyed the effect.

http://freedombiomass.com  the Twitter and "About" links are generated with an image map on a banner.  I may get around to completing that image map someday ;~)

Yours

Doug Brethower
Apple Certified Technical Consultant, Southwest, MO USA
http://share.ez.no/directory/companies/lakedata.net

Nicolas Pastorino

Friday 19 August 2011 5:53:35 am

Hi Doug, Thiago, 

I quickly added a visual explanation on how to insert the imagemap, there : http://share.ez.no/learn/ez-publish/image-maps-in-ezwebin-banners/(page)/3

@Doug : please let me know if this addition is not satisfactory.

Cheers,

--
Nicolas Pastorino
Director Community - eZ
Member of the Community Project Board

eZ Publish Community on twitter: http://twitter.com/ezcommunity

t : http://twitter.com/jeanvoye
G+ : http://plus.tl/jeanvoye

You must be logged in to post messages in this topic!

eZ debug

Timing: Jan 17 2025 18:05:02
Script start
Timing: Jan 17 2025 18:05:02
Module start 'content'
Timing: Jan 17 2025 18:05:02
Module end 'content'
Timing: Jan 17 2025 18:05:02
Script end

Main resources:

Total runtime0.3252 sec
Peak memory usage4,096.0000 KB
Database Queries213

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0341 596.0469180.8438
Module start 'content' 0.03410.1611 776.8906813.4219
Module end 'content' 0.19520.1299 1,590.3125340.6641
Script end 0.3251  1,930.9766 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00812.4923210.0004
Check MTime0.00521.5915210.0002
Mysql Total
Database connection0.00401.231110.0040
Mysqli_queries0.203162.45212130.0010
Looping result0.00160.49822110.0000
Template Total0.253778.020.1269
Template load0.00210.650620.0011
Template processing0.251677.376120.1258
Template load and register function0.00010.040910.0001
states
state_id_array0.00210.630520.0010
state_identifier_array0.00280.859030.0009
Override
Cache load0.00170.5374320.0001
Sytem overhead
Fetch class attribute name0.00110.339580.0001
Fetch class attribute can translate value0.00100.300840.0002
class_abstraction
Instantiating content class attribute0.00000.006190.0000
XML
Image XML parsing0.00190.590140.0005
General
dbfile0.00591.8130400.0001
String conversion0.00000.002130.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
1node/view/full.tplforum_topic/full.tplextension/community_design/design/suncana/override/templates/forum_topic/full.tplEdit templateOverride template
5content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
7content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
1content/datatype/view/ezxmltags/separator.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltags/separator.tplEdit templateOverride template
4content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
2content/datatype/view/ezxmltags/link.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/link.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 21
 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs