Forums / Setup & design / Anyone successfully overlay text on an image?

Anyone successfully overlay text on an image?

Author Message

Mark Marsiglio

Tuesday 28 September 2004 12:45:35 pm

I have tried to take text from a text line in my class and overlay it over an image from the same class with quite unreliable and varied results.

The goal is to have white text over the image background. So far I have been able to achieve:
-a solid white box approximately the size of the text
-text that is a dark semi-transparent color
-text knocked out of a white background with some transparency (but not able to control it)
-a background image whose colors are completely distorted (looks like it was converted to a 4 color image)

I have tried the following as source images:
-PNG-8
-PNG-24
-JPG
-GIF

JPG is the worst offender, as the colors are always way off. I was hoping to allow my content managers to upload any file within reason and have it automatically add the text, resize it, and place it on the page for them.

I have tried this code:

{image("hometest16",imagefile('var/cache/texttoimage/testing.png'),
array(" Activities"|texttoimage(top),
hash(transparency,0,halign,left,valign,top)))}

Where the source image is testing.png, the text we want to add is "Activities" and the texttoimage(top) style is set to white text, no background color. This results in the white box (white text on a white background added on top of the image).

From the docs this seems possible, but if someone can help with a code sample that works it would be great (or any troubleshooting ideas).

http://www.thinkcreative.com
Turning Ideas Into Strategic Solutions

Björn Dieding@xrow.de

Tuesday 28 September 2004 3:30:01 pm

please try the 3.5 kernel...

I did some improvements on the image resource handling there.

Please also confirm that setup GD/GD2.

Looking for a new job? http://www.xrow.com/xrow-GmbH/Jobs
Looking for hosting? http://hostingezpublish.com
-----------------------------------------------------------------------------
GMT +01:00 Hannover, Germany
Web: http://www.xrow.com/

Mark Marsiglio

Tuesday 28 September 2004 5:14:26 pm

I just installed 3.5 from the CVS last night. I will give it a shot - thanks.

http://www.thinkcreative.com
Turning Ideas Into Strategic Solutions

eZ debug

Timing: Jan 20 2025 03:15:57
Script start
Timing: Jan 20 2025 03:15:57
Module start 'content'
Timing: Jan 20 2025 03:15:57
Module end 'content'
Timing: Jan 20 2025 03:15:58
Script end

Main resources:

Total runtime0.1603 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.0081 589.0859180.8125
Module start 'content' 0.00810.0064 769.898498.0547
Module end 'content' 0.01450.1457 867.9531528.3750
Script end 0.1602  1,396.3281 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00372.3079200.0002
Check MTime0.00140.8902200.0001
Mysql Total
Database connection0.00110.705510.0011
Mysqli_queries0.107467.02961410.0008
Looping result0.00120.77931390.0000
Template Total0.145390.610.1453
Template load0.00090.585810.0009
Template processing0.144390.030210.1443
Override
Cache load0.00070.410510.0007
Sytem overhead
Fetch class attribute can translate value0.00070.450510.0007
XML
Image XML parsing0.00030.187710.0003
General
dbfile0.00935.7795200.0005
String conversion0.00000.005130.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