I'm working on a joomla 2.5 website and I'm using the sigPlus plugin to display an image gallery. The gallery is displayed using the boxplus popup engine.
All works fine but I would like to add transitions between the images instead of showing the loading indicator. Boxplus uses mootools - does anyone know how to easily add transitions?
Btw: I can not use the boxplus slider engine unfortunately (this one would have transitions built in already)
Many thanks
Mootools has built in transitions.
http://mootools.net/docs/core/Fx/Fx.Transitions
Related
I want to display a dialog box hover a map. An overlay with opacity is hover the whole map (see the image below).
I successfully implemented the map without the dialog box and the overlay.
I can successfully call the dialog box after the map is rendered without any problem.
The issue is when I want to display the dialog and the overlay at the same time when the map is rendered for the first time. I get an empty map. Still, the markers and the here map logo are shown (see image below).
I tried to force reloading the base layer, without success.
I tried to restart engine, without success.
As I am using vuetify I tried to forceUpdate, without success.
Thanks for your help.
As a general rule we don't support an integration our HERE JS API with any JS framework.
Basically recommendation: Please don't use a map container (HTML element into which the map will be rendered) as part of Virtual DOM of some JS framework it will not work.
My designer has created a 1160x774 container for some interactive animation with adobe edge animate on my Joomla based website. I can't get this (folder with js/html/css) to load.
What do I need to change/add to make this possible?
Are there any existing widgets/controls for displaying tabs in dart?
I have tried http://dart-lang.github.io/widget.dart/ , but atleast in my browser that example does not work even on that page.
I have also tried following http://blog.dartwatch.com/2013/02/dart-widgets-blog-post-webcast.html to no avail.
Are there any other alternatives? Or any working guide how to use Dart Widgets?
A simple tab control from Polymer UI Elements
https://github.com/ErikGrimes/polymer_ui_elements/tree/master/lib/polymer_ui_tabs
I'm currently working on porting Bootstrap tabs to AngularDart (will be available soon - about 1 week)
https://github.com/akserg/angular.dart.ui
I'm trying to find some docs to learn how to make phonegap app for windows phone, using native frame transition for HTML pages, but I cannot find such a plugin or code or any helpful doc.
What exactly I want to do is:
when I try to navigate to other page in HTML code using javascript code:
window.location.href = "newpage.html";
I want my app to navigate to different page like native app is doing transition effect, for example when app start we can see this page/frame transition effect.
How to do that transition effect for HTML pages ?
You should look at using jQuery Mobile to build HTML pages for a Phonegap app.
http://jquerymobile.com
It's useful because it has a built-in router, which can detect when you try to change to another HTML page. (either programatically or via a user clicking on links)
It then can hijack that event and make it load the next page asynchronously (which in the case of a Phonegap app, is pretty fast since the pages already exist on the device). It then applies the transitions you speak of when it displays the new page (slide, fade, etc).
It's quite customisable, and most of the behaviour is configured by just creating simple HTML markup and adding data attributes. E.g.
next page
I also like it because if you decide you want to go down the "single page app" route - you can do that too. I personally like the combination of Phonegap + jQuery Mobile + Backbone.js, where Backbone.js is dynamically generating my HTML jQuery Mobile pages, and Phonegap is wrapping them up in an app.
I have made slide show in adobe edge
when i use it in asp.net mvc3 razor view engine my jquery 1.8 ui (modal dialog, drag & drop) does not working anymore
Does anybody knows how i can solve this problem?
Edge animate uses jquery 1.7 by default. it might be a duplication of jquery calles so try to remove edge call or replace it to the 1.8 version.