Forums / Setup & design / Using image object for inline background style

Using image object for inline background style

Author Message

Martin Sanders

Monday 11 February 2008 10:00:53 am

Hi, How do I go about using an Image attribute within an inline style background-image div?

I've tried using:

<div style="background-image: url({attribute_view_gui image_class=articlethumbnail attribute=$node.data_map.image})">

However this isn't working at it includes the presentation template.

Any help most welcomed.

Felix Laate

Monday 11 February 2008 2:07:48 pm

Hi Martin,

the attribute_view_gui function returns the presentation template of the implicated datatype.

What you need if you whant to refer to an image in CSS is the url of the image. It can be found this way:

{$node.data_map.image.content.IMAGE_VARIATION.full_path}

where IMAGE_VARIATION is "large", "medium", "articlethumbnail" or whatever you would need (assuming that it is defined in image.ini).

Felix

Publlic Relations Manager
Greater Stavanger
www.greaterstavanger.com

Martin Sanders

Monday 11 February 2008 2:16:14 pm

many thanks :)

eZ debug

Timing: Jan 18 2025 18:22:11
Script start
Timing: Jan 18 2025 18:22:11
Module start 'content'
Timing: Jan 18 2025 18:22:11
Module end 'content'
Timing: Jan 18 2025 18:22:11
Script end

Main resources:

Total runtime0.1517 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0065 591.4766180.8125
Module start 'content' 0.00650.0055 772.289193.9609
Module end 'content' 0.01200.1397 866.2500522.1250
Script end 0.1517  1,388.3750 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00382.4895200.0002
Check MTime0.00150.9918200.0001
Mysql Total
Database connection0.00080.520110.0008
Mysqli_queries0.104468.79891410.0007
Looping result0.00130.83501390.0000
Template Total0.139391.810.1393
Template load0.00090.583910.0009
Template processing0.138491.220810.1384
Override
Cache load0.00060.411210.0006
Sytem overhead
Fetch class attribute can translate value0.00070.483810.0007
XML
Image XML parsing0.00020.150410.0002
General
dbfile0.00362.3690200.0002
String conversion0.00000.003830.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.0001 secs