Take image path name from ezpblish design directory using javascript where we can\t use {literal}.

Wednesday 23 June 2010 1:47:33 am

Hi all, anyone have an idea about how doing this.

I have a javascript file in javascript/design of ezpublish

in this javascript file, have a code like this

var id = this.id;
this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';

I want to get the path of an image file that is in the design dir of ezpublish

like /* this.id ._over.gif/ezdesign */

Wednesday 23 June 2010 4:21:42 am

Gaetano Giunta, thank you for your reply.

i was looking to include some javascript based css galleries that fetch content nodes from ezpublish and i would like to implement in ezflow as a block.

But what happends that most of the javscript code i get is retriving images from some image directory.

but as I am developing a dynamic contents i would not be able to put images each time in design dir of ez image

So how do I get the paath folder of images that are content nodes .

So I can put the path folder in javascript.

Thursday 24 June 2010 1:45:58 am

I have read through those document but i am still confused

about how can i change the javascript meaning full to ez

this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';

here javascript object this.id give name of an image appended wiith _over.gif will be a valid image file

that is for example ( arrow + _over.gif ) means arrow_over.gif file that is in ez design.

how do i put it in ez

any idea

i think it is like {append(this.id,"_over.gif")|ezdesign}

Isn't it

Thursday 24 June 2010 6:08:44 am

thank you Gaetano Giunta for u r reply.

actually I am struggling with creation of image gallery.I can tell you my idea so you may be able to get me.

using ezflow package

1. Created a dynamic block with its source node is image gallery contain images.

2. Now i am looking for to create the template file for this dynamic block

in this template want to display 6 thumbnails at the bottom and when click on thumbnail Need to enlarge the thumbnail clicked.

3. I can get the images from dynamic block in the template using

<img src={$valid_nodes[ ].object.data_map.image.content[original].full_path} width="" height=" ">(need img element so using full_path ).I can dispaly 6 thummbnails using above template code.

4. next what I am looking is need to apply scrolling to 6 image thumnails that took from dynamic block and to enlarge them when click on each thumnail.

5. For that I found many javascript supported by jqueries from net.you also told me that jquery is supported by ezjcore.

Any you give me further idea and example urls, any link , suggestions plz.

Thanks in advance Romeo.

Thursday 24 June 2010 3:45:36 pm

Thank you for your clear cut instructions Gaetano.

I think I am on the way to the target. As you said I have gone through the ezjscore article.

But somethings still confusing me about ezjscore.I am prefering jquery than yui3 library and like to load it from CDN

In the ezjscore.ini I put

LoadFromCDN=enabled

#PreferredLibrary=yui3 (means yui3 not selected)

PreferredLibrary=jquery

ExternalScripts[jquery]=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

in the template file for image gallery I put

{ezscript_require( array( 'ezjsc::jquery' ) )} (or do I need this {ezscript_require( array( 'ezjsc::jquery', 'ezjsc::jqueryio' ) )} )

I do not understand why (jqueryio item, which provides a wrapper for the ezjscore server call router.) this jqueryio needed

{ezscript_require( array( 'ezjsc::jquery' ) )} this would work isn't it

Then I look to add the jquery supporting javascripts for slide show of images.

Any suggestions will be helpfull for me to go ahead