Forums / Setup & design / HOWTO: click to enlarge

HOWTO: click to enlarge

Author Message

Björn Dieding@xrow.de

Thursday 04 August 2005 6:01:22 pm

some small javascript trick to view a larger image with out loading again

        <div class="attribute-image">
{run-once}
{literal}
<script language="Javascript" type="text/javascript">
<!--
function enlargeImage( imsrc, ww, wh ) {
    w1=window.open('','ImageEnlarged','width='+ww+',height='+wh+',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no,dependent=yes,innerHeight='+wh+',innerWidth='+ww+'');
    w1.document.open();
    w1.document.write("<html><head><\/head>");
    w1.document.write("<body style=\"margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;\">");
    w1.document.write("<a href=\"javascript:window.close()\" style=\"margin: 0px 0px 0px 0px;border: none;padding: 0px 0px 0px 0px;\"><img name=theimg style=\"margin: 0px 0px 0px 0px;border: none;padding: 0px 0px 0px 0px;\" src=\"" + imsrc + "\" /></a>");
    w1.document.write("<\/body><\/html>");
    w1.document.focus();
};
//-->
</script>
{/literal}
{/run-once}
            <p>
            <a href="javascript:;" onClick="return enlargeImage('/{$node.data_map.image.content.original.full_path|ezurl(no}',{$node.data_map.image.content.original.width},{$node.data_map.image.content.original.height});" title="Click to Enlarge">
            {attribute_view_gui attribute=$node.object.data_map.image image_class=imagelarge}
            </a>
            </p>
        </div>

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/

Xavier Dutoit

Thursday 04 August 2005 11:49:31 pm

Nice trick, thanks for sharing.

X+

http://www.sydesy.com

Georg Franz

Friday 05 August 2005 8:16:07 am

Hi Björn,

well done + tx for sharing!! :-)

Best wishes,
Georg.

--
http://www.schicksal.com Horoskop website which uses eZ Publish since 2004

Softriva .com

Friday 09 February 2007 10:19:14 am

Björn,
I tried to use your JS but I think it has some error. Do you have an updated version?

eZ debug

Timing: Jan 21 2025 02:49:28
Script start
Timing: Jan 21 2025 02:49:28
Module start 'content'
Timing: Jan 21 2025 02:49:28
Module end 'content'
Timing: Jan 21 2025 02:49:28
Script end

Main resources:

Total runtime0.1711 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.0066 587.7031180.8438
Module start 'content' 0.00670.0052 768.546997.9766
Module end 'content' 0.01190.1590 866.5234527.2500
Script end 0.1709  1,393.7734 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00412.3928200.0002
Check MTime0.00140.8425200.0001
Mysql Total
Database connection0.00080.452310.0008
Mysqli_queries0.119569.82661410.0008
Looping result0.00130.77701390.0000
Template Total0.158492.610.1584
Template load0.00090.509610.0009
Template processing0.157692.086110.1576
Override
Cache load0.00060.371110.0006
Sytem overhead
Fetch class attribute can translate value0.00090.529510.0009
XML
Image XML parsing0.00030.153710.0003
General
dbfile0.00321.8587200.0002
String conversion0.00000.003530.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