Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

how to implement the code?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: how to implement the code?
#24498
how to implement the code? 12 Years, 1 Month ago Karma: 0
Hello

I am trying to integrate the code below to the "spotlight-code" of the tool "Spotlight" by YOOtheme.com (www.yootheme.com/widgetkit/examples/spotlight).

The idea is to have a picture on the site and when I move the mouse over it, Spotlight fades in an overlay with the description "Fotogalerie". On click, the ARI Pretty Photo gallery should popup.

The inital code for Spotlight is (as shown in the Yootheme examples):

<a data-spotlight="effect:right;" href="/mypage.html">
<img src="/image.jpg" width="180" height="120" alt="" />
<div class="overlay">Custom Overlay</div>
</a>

and that's the code to implement (which works absolute great for itself):

{ariprettyphoto activeType="imglist" dir="images/Galerien/Gartengestaltung" type="customtext"}<img src="/images/Bilder/Angebot/wohnberatung_25577705.jpg" border="0" width="163" height="109" />{/ariprettyphoto}

I've tried several variations but nothing seems to work.

Is this possible in any way?

I would be very grateful if somebody could help!

Lindiman
The administrator has disabled public write access.
 
#24501
Re:how to implement the code? 12 Years, 1 Month ago Karma: 746
Hello,

Could you provide a link to a page where you try to integrate "ARI Pretty Photo" with spotlight addon?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#24505
Re:how to implement the code? 12 Years, 1 Month ago Karma: 0
Hello and thank you for the very quick response.

You could have a look at server55.hostpoint.ch/~jasmineh/jasminehuber.ch/index.php/gartengestaltung

ARI Pretty Photo is allready integrated. The picture on the left is actually with a description below (made with the JCE Editor plugin Caption) which should be replaced with the "Spotlight" if this is possible.

Of course YOOtheme had a gallery too and a combination with Spotlight works, but your gallery is so much better and prettier.

To combine the code should possible anyhow (I think so), but this exceeds my knowledge.

What do you think?

Regards,
Lindiman
The administrator has disabled public write access.
 
#24511
Re:how to implement the code? 12 Years, 1 Month ago Karma: 746
Try the next code:

Code:


{ariprettyphoto activeType="imglist" dir="images/Galerien/Gartengestaltung" type="customtext"}<div data-spotlight="effect:bottom;"><img src="/images/Bilder/Angebot/wohnberatung_25577705.jpg" border="0" width="163" height="109" /><div class="overlay">Custom Overlay</div></div>{/ariprettyphoto}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#24514
Re:how to implement the code? 12 Years, 1 Month ago Karma: 0
Hello

WOW!

The code works perfect

absolut marvelous!!!

I thank you very very much for your help!

Great software - best support

Best regards,
Lindiman
The administrator has disabled public write access.
 
Go to topPage: 1