Home Forums
07 | 29 | 2021
We have 1950 guests and 3 members online
JoomlaNook Forums
Welcome, Guest
Please Login or Register.    Lost Password?
Unable to Configure Highslide Expander
(0 viewing) 
Highslide JS Plugin
Go to bottom
TOPIC: Unable to Configure Highslide Expander
#4305
Rita
Posts: 11
User Offline Click here to see the profile of this user
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Hi Ken, I hope I understood you correctly - so now I should have just the caption from the options tab.
but ...
and the popup shows the thumb image ! and it says image 1 o 2 - when there is only one.
I am rather puzzled - I insist because this application does exactly what I need and there is other that seems to be that appropriate.

kind regards - Rita
 
Logged Logged
  The administrator has disabled public write access.
#4306
klowther
Admin
Posts: 3118
User Offline Click here to see the profile of this user
Gender: Male JoomlaNook Location: Fremont, NE USA Birthday: 07/23
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Hi Rita,the popup shows the thumb image ! and it says image 1 o 2 - when there is only one.Somehow you have gotten an anchor tag defined within another anchor tag. See below.

Code:

<a href="/images/stories/products/barba_02.jpg" onclick="return hs.expand(this,{align: 'center', outlineWhileAnimating: false, numberPosition: null, outlineType: null, wrapperClassName: 'no-border', thumbnailId: 'thumb1', captionText: 'Descrizione del prodotto barbabietola', captionOverlay: { fade: 0 }})" class="highslide"><a href="/images/stories/products/barba_01.jpg" class="highslide"  onclick="return hs.expand(this)">
<img  id="thumb1" style="Array" alt="Thumbnail image" title="Click per ingrandire" src="/images/thumbs/gallery/L3Zhci93d3cvdmhvc3RzL2NvbXBzeXMuaXQvc3ViZG9tYWlucy90ZXN0MjAvaHR0cGRvY3MvaW1hZ2VzL3N0b3JpZXMvcHJvZHVjdHMvYmFyYmFfMDEuanBn.jpg"/></a>



Probably the easiest way to fix it is to toggle the show/hide button in the jce editor to get to the raw html and then find and remove the following:
Code:

<a href="/images/stories/products/barba_02.jpg" onclick="return hs.expand(this,{align: 'center', outlineWhileAnimating: false, numberPosition: null, outlineType: null, wrapperClassName: 'no-border', thumbnailId: 'thumb1', captionText: 'Descrizione del prodotto barbabietola', captionOverlay: { fade: 0 }})" class="highslide">


That should give you a valid link/thumbnail to work with.

- Ken
 
Logged Logged
 
Last Edit: 2010/08/27 12:54 By klowther. Reason: spelling
  The administrator has disabled public write access.
#4307
Rita
Posts: 11
User Offline Click here to see the profile of this user
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Thanks Ken,
now I have the following code only:
<a href="images/stories/products/barba_01.jpg" onclick="return hs.expand(this,{thumbnailId: 'thumb1', captionText: 'Descrizione prodotto .............'})" class="highslide"><img width="150" src="images/stories/products/barba_02.jpg" alt="Thumbnail image" title="Click per ingrandire" /></a>

what I get with the popup now shows image 2 of 2 ? with just one image on the article ?

and the caption does not come up at all.

What I hoped to do is have a thumb picture not being a small version of the large picture - but a separate one - since the system asks for url of either images - is this not possibile ?

I am very sorry to be such a nusance.

warm regards - Rita
 
Logged Logged
  The administrator has disabled public write access.
#4310
klowther
Admin
Posts: 3118
User Offline Click here to see the profile of this user
Gender: Male JoomlaNook Location: Fremont, NE USA Birthday: 07/23
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Hi Rita,

I just looked at your page again and see the following:

Code:


<a href="/images/stories/products/barba_01.jpg" onclick="return hs.expand(this,{thumbnailId: 'thumb1', captionText: 'Descrizione prodotto .............'})" class="highslide">
<a href="/images/stories/products/barba_02.jpg" class="highslide"  onclick="return hs.expand(this)">
<img  style="Array" alt="Thumbnail image" title="Click per ingrandire" src="/images/thumbs/gallery/L3Zhci93d3cvdmhvc3RzL2NvbXBzeXMuaXQvc3ViZG9tYWlucy90ZXN0MjAvaHR0cGRvY3MvaW1hZ2VzL3N0b3JpZXMvcHJvZHVjdHMvYmFyYmFfMDIuanBn.jpg"/></a>



There is still an extra anchor tag at the start of the highslide link. Did you use the jce hsexpander plugin to update the link?

Try this. Remove the extra anchor tag like you did before by clicking on the show/hide button to get to the raw html. This is the html that should be removed.
Code:


<a href="/images/stories/products/barba_01.jpg" onclick="return hs.expand(this,{thumbnailId: 'thumb1', captionText: 'Descrizione prodotto .............'})" class="highslide">



Click on the show/hide button to go back to the editor screen.

Save the article, don't edit it with the hsexpander. From what I can see, this should give you the link/popup that you are looking for. It should say 1 of 1.

Next, edit the article and click on the thumbnail. Select the hsexpander button and update the caption text in the options tab. Make sure there is nothing in the Caption tab.

Save the article. You should now have the caption text in the popup window.

Please let me know how this works for you.

- Ken
 
Logged Logged
  The administrator has disabled public write access.
#4312
Rita
Posts: 11
User Offline Click here to see the profile of this user
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Hi Ken,
now I understand why it says 1 of 2 images: this is because I enter one url into the Thumb picture field and a different url into the large image field (this is what I would want to achieve = having different image for thumb and large);
Now that I do not have any url for the popup image - I get the result: image 1 of 1

now I have added caption text under the Options tab ONLY - but this text is not being visualized and with this insert I again get 'image 2 of 2' !

See following:
Script with url path only in thumb image field and no caption text:
<img width="150" src="images/stories/products/barba_02.jpg" alt="Thumbnail image" title="Click per ingrandire" />

Script with url path only in thumb image field and caption text in the Option tab only (= last field of windows):
<a class="highslide" onclick="return hs.expand(this,{captionText: 'this is my caption text in the Options tab'})"><img width="150" src="images/stories/products/barba_02.jpg" alt="Thumbnail image" title="Click per ingrandire" /></a>

That to do
Is this not working the way it should because I have not yet purchased the licence ? but really I would prefer to have things working on my test site before going ahead with purchases. Also, I am insisting on getting to this work for me as I would need these functions (popup with caption text) and web sites I need to build and this would have been useful on sites I have already made.

Very many thanks indeed for any hint and advise
regards
Rita
 
Logged Logged
  The administrator has disabled public write access.
#4313
klowther
Admin
Posts: 3118
User Offline Click here to see the profile of this user
Gender: Male JoomlaNook Location: Fremont, NE USA Birthday: 07/23
Re:Unable to Configure Highslide Expander 10 Years, 11 Months ago  
Hi Rita,

I tried to look at your test page but it appears that you have removed the highslide link from the page.

Is this not working the way it should because I have not yet purchased the licence ? No. There is no difference in the software whether you have a license or not.

Please review this document to see how the HsExpander plugin works:

joomlanook.com/index.php?option=com_cont...joomla&Itemid=59

- Ken
 
Logged Logged
  The administrator has disabled public write access.
Go to top