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


Recent Events
  • 20/07/2014 Joomla! responsive carousel

    We are glad to announce responsive and mobile friendly Joomla! 3d image carousel called "ARI Cloud Carousel Pro". See it in action here.

  • 25/04/2014 Meet "ARI Smart Book" extension

    ARI Smart Book is a new Joomla! flipping book extension which helps to create digital magazines, books, portfolios, brochures and many more easily.

    The extension provides a ton of options to configure it. It is possible to zoom-in/zoom-out, show it fullscreen, share on popular social networks, divide publications by categories and a lot of other things. You can see it in action on our demo site.


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? 2 Years, 5 Months 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? 2 Years, 5 Months ago Karma: 536
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? 2 Years, 5 Months 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? 2 Years, 5 Months ago Karma: 536
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? 2 Years, 5 Months 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
gilt