Joomla Templates Club 406,261 posts

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#163666

Hello,

When I click in the first image, the image is opened in the same window, on left conner, without effects. If I click in the lasta image, or another one, the image is displayed in a new window with the correct effect and is possible to change between images with the arrows keys. And, If I start for the last image, and then, I click in the first one, the effect in the first image works ok…

Any idea?

Thanks, María

I have next code for 12 photos:

<p><a id=”thumb1″ class=”highslide” href=”images/stories/m1.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m1.jpg” border=”0″ alt=”desc1″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb2″ class=”highslide” href=”images/stories/m2.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m2.jpg” border=”0″ alt=”desc2″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb3″ class=”highslide” href=”images/stories/m3.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m3.jpg” border=”0″ alt=”desc3″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb4″ class=”highslide” href=”images/stories/m4.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m4.jpg” border=”0″ alt=”desc4″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb5″ class=”highslide” href=”images/stories/m5.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m5.jpg” border=”0″ alt=”desc5″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb6″ class=”highslide” href=”images/stories/m6.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m6.jpg” border=”0″ alt=”desc6″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb7″ class=”highslide” href=”images/stories/m7.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m7.jpg” border=”0″ alt=”desc7″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb8″ class=”highslide” href=”images/stories/m8.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m8.jpg” border=”0″ alt=”desc8″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb9″ class=”highslide” href=”images/stories/m9.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m9.jpg” border=”0″ alt=”desc9″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb10″ class=”highslide” href=”images/stories/m10.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m10.jpg” border=”0″ alt=”desc10″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb11″ class=”highslide” href=”images/stories/m11.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m11.jpg” border=”0″ alt=”desc11″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

<a id=”thumb12″ class=”highslide” href=”images/stories/m12.jpg” onclick=”return hs.expand(this, {outlineType : ‘drop-shadow’, width:400, height:260, captionText:’Sample image’})”><img src=”images/stories/m12.jpg” border=”0″ alt=”desc12″ title=”Click to enlarge” width=”85″ height=”55″ style=”border: 0;” /> </a>

</p>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390178

Hi,
Could you give me a link to your website?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390418

I viewed your website, but I don’t realize what you said.

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#390489

Please, try with this order exactly:
– If you do click on the first photo in the first place (column1, row 1) the image is displayed in a blank page.
– If you do click on the last image (column 3, row 4) for example, the image is displayed ok in a new window; If you do click just after in the first image (column1, row1), in this case, the first image is displayed too ok in a new window…

Thanks,

María

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390633

I check it step by step as you said, but it’s normal. I tested on chrome 11

---

Attachments:

1. 

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#390721

No, this is not the correct behavior.
The correct one is like this: http://www.joomlart.com/demo/#templates.joomlart.com/ja_teline_iii_v2
Could you see the Photo Gallery component and click in the first photography? The photo is open with the correct effect…

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390848

Effect you mention is popup plugin. Code like that:


<div class="ja-video-thumb">{japopup type="image" content="images/stories/demo/gallery/gl-1.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-1.png" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-2.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-2.png" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-3.png" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-3.png" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-4.jpg" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-4.jpg" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-5.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-5.jpg" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-6.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-6.jpg" border="0" alt="Sample image" width="100" />{/japopup}</div>

[Author]

Posts