building an image gallery

Next topic

Author	Message
mihnea stoian	Monday 05 January 2004 9:20:09 am I'm trying to build an image gallery where I have a initial list of thumbnails and when I click on the individual thumbnail a pop-up opens with the bigger image. What kind of template will I need for the list of images so that when clicked they open their corresponding bigger image? I'm new to eZ (been using it for less than a month), and am still learning as I go, so could anyone tell me if there is some sort of tutorial on how to do something like this, or at least just part of it? Thanks, Mihnea
Paul Borgermans	Monday 05 January 2004 10:26:27 am If you want a popup, best use some simple javascript mixed with template code like ----------------------------------------------- .... <h3><a href="#">Preview <img src={"viewmag+.gif"\|ezimage} onClick='OpenWindow({$node.object.data_map.preview.content[original].full_path\|ezroot},"image_preview","scrollbars,resizable");'></a></h3> ------------------------------------------------------ you will probably need to change preview to the attribute name of your image. viewmag+.gif is just an icon i borrowed from a KDE distribution and converted to gif (for IE transparancy) the OpenWindow javascript function called is found in the default pagelayout in the demo's: <script language="JavaScript"> <!-- function OpenWindow ( URL, WinName, Features ) { popup = window.open ( URL, WinName, Features ); if ( popup.opener == null ) { remote.opener = window; } popup.focus(); } // --> </script> hth -paul eZ Publish, eZ Find, Solr expert consulting and training http://twitter.com/paulborgermans
mihnea stoian	Tuesday 06 January 2004 7:05:54 am thanks for the answer, but unfortunately it doesn't work for me. :( {$node.object.data_map.preview.content[original].full_path\|ezroot} doesn't seem to display anything, so there is no url to open the new window with. your example included the same image as thumbnail for all the pop-ups. I'd like to be able to use ImageMagick to display a small thumbnail of the image, and when I click on this small image to open the bigger version of the same image. could that be easily achieved? also, where can I find some sort of reference to all the eZpublish commands available? thanks again, mihnea

Author

Message

Monday 05 January 2004 9:20:09 am

I'm trying to build an image gallery where I have a initial list of thumbnails and when I click on the individual thumbnail a pop-up opens with the bigger image.

What kind of template will I need for the list of images so that when clicked they open their corresponding bigger image?

I'm new to eZ (been using it for less than a month), and am still learning as I go, so could anyone tell me if there is some sort of tutorial on how to do something like this, or at least just part of it?

Thanks,

Mihnea

Paul Borgermans

Monday 05 January 2004 10:26:27 am

If you want a popup, best use some simple javascript mixed with template code like

-----------------------------------------------
....
<h3><a href="#">Preview <img src={"viewmag+.gif"|ezimage} onClick='OpenWindow({$node.object.data_map.preview.content[original].full_path|ezroot},"image_preview","scrollbars,resizable");'></a></h3>

------------------------------------------------------

you will probably need to change preview to the attribute name of your image.

viewmag+.gif is just an icon i borrowed from a KDE distribution and converted to gif (for IE transparancy)

the OpenWindow javascript function called is found in the default pagelayout in the demo's:

function OpenWindow ( URL, WinName, Features ) {
popup = window.open ( URL, WinName, Features );
if ( popup.opener == null ) {
remote.opener = window;
}
popup.focus();
}

// -->

</script>

hth

-paul

eZ Publish, eZ Find, Solr expert consulting and training
http://twitter.com/paulborgermans

mihnea stoian

Tuesday 06 January 2004 7:05:54 am

thanks for the answer, but unfortunately it doesn't work for me. :(

{$node.object.data_map.preview.content[original].full_path|ezroot} doesn't seem to display anything, so there is no url to open the new window with.

your example included the same image as thumbnail for all the pop-ups. I'd like to be able to use ImageMagick to display a small thumbnail of the image, and when I click on this small image to open the bigger version of the same image.

could that be easily achieved? also, where can I find some sort of reference to all the eZpublish commands available?

thanks again,

mihnea

eZ debug

Timing:	Jan 19 2025 00:58:00
Script start
Timing:	Jan 19 2025 00:58:00
Module start 'layout'
Timing:	Jan 19 2025 00:58:00
Module start 'content'
Timing:	Jan 19 2025 00:58:01
Module end 'content'
Timing:	Jan 19 2025 00:58:01
Script end

Main resources:

Total runtime	0.8654 sec
Peak memory usage	4,096.0000 KB
Database Queries	57

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0057	589.1563	152.6250
Module start 'layout'	0.0057	0.0040	741.7813	39.4453
Module start 'content'	0.0097	0.8544	781.2266	537.6719
Module end 'content'	0.8641	0.0012	1,318.8984	12.1641
Script end	0.8654		1,331.0625

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0036	0.4165	16	0.0002
Check MTime	0.0015	0.1744	16	0.0001
Mysql Total
Database connection	0.0006	0.0641	1	0.0006
Mysqli_queries	0.8086	93.4338	57	0.0142
Looping result	0.0007	0.0777	55	0.0000
Template Total	0.8270	95.6	2	0.4135
Template load	0.0027	0.3141	2	0.0014
Template processing	0.8243	95.2488	2	0.4121
Template load and register function	0.0001	0.0130	1	0.0001
states
state_id_array	0.0019	0.2140	1	0.0019
state_identifier_array	0.0029	0.3407	2	0.0015
Override
Cache load	0.0022	0.2532	38	0.0001
Sytem overhead
Fetch class attribute can translate value	0.0007	0.0853	2	0.0004
Fetch class attribute name	0.0015	0.1777	4	0.0004
XML
Image XML parsing	0.0007	0.0789	2	0.0003
class_abstraction
Instantiating content class attribute	0.0000	0.0009	4	0.0000
General
dbfile	0.0008	0.0950	17	0.0000
String conversion	0.0000	0.0009	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
3	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
6	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
1	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
3	content/datatype/view/ezxmltags/line.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/line.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 15 Number of unique templates used: 6

Time used to render debug report: 0.0001 secs