magento bassi-banner slider transition effect - slider

I am using magento 1.7.0.2. I installed the slide banner extension "bassi banner slider" and configured it to display 2 images with slide transition effect. The images are displayed but during the transition effect, both images are visible (one under the other) in front of the rest of the page. Does anyone know how to overcome this issue? Thanks!

I have contacted the creator of the extension. The problem occurred because the size of the images was not the same.

Related

How to stop flickity from jumping in mobile viewport

I am using the Flickity slider (from Metafizzy) in a landing page to show different products. The slider is in portrait size and not landscape.
The issue is that when the user only scrolls the top portion of the slider into the viewport on mobile (i.e. 20-30%) and they attempt to scroll/swipe the slide, the screen suddenly jumps to attempt to include the whole slider into the viewport.
This never happens on the mobile emulator on the desktop, but only on the smartphone device on safari and google chrome browsers
Is this intended to be a specific behaviour for the Flickity slider? Like I should not be using it to make portrait sliders? I've gone through the plugin options and not able to fix this behaviour. It never came up in early testing with dummy content.
I've provided a link to the github page where it is happening, you can open it up in mobile browser and see the viewport "jumping" bug when you attempt to scroll the table. https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
Disable the keyboard accessibility by setting accessibility: false in the carousel options. From the Flickity issue tracker.

Famo.us browser scroll emulation does not feel natural

I am creating a site in pure Famo.us, I wanted to have 1 page with sections where the user has possibility either click on links and scroll to anchors or scroll sequentially to get to sections. I used initially famo.us scrollview, but its behavior was not was not similar to browser scroll - I tried many options. I implemented my own scroll with Scrollsync, modifier and transition but it still does not feel similar to browser scroll. But the main problem that on Laptop and Desktop PC - I need to set different scrollscale to function normally. Here is the app:
https://svet15.herokuapp.com/
Can anybody give a direction to solve the problem with syncscale and maybe how to make scroll similar to browser native scroll.
P.S. I keep mobile view separately from desktop, so window.width should be more than 500 to see the desktop view where I have this problem. Thank you in advance!

Fixed logo in pdf

I want a logo on the right corner of a pdf file.
It needs to be clickable and has to stay fixed so if the reader scrolls down its has to stay on the same place so the logo stays in the screen.
Someone knows how to do this?
This is not possible with PDF pages. Any visible content belongs to a page so when the page scrolls, all the page related content scrolls.
I think this is impossible in PDF. But, you can do that with jQuery on website.

Performance tuning for iOS Leaves Page Flip Transition

I am using the GitHub leaves library to implement a PDF Reader with page flip transition. Every thing is working perfect in iPad/iPhone simulator. But when I installed the same on device, the page flip transition on landscape mode is getting slowed. ie, When two pages are showing. Can anybody give me any suggestion to solve this issue.
Thanks in advance.
Are you reading your PDF images from disk as the user flips? Preloading them in the background could help speed things up.

How to use .svg in iPad application?

I am creating iPad application for showing shops in shopping mall as arial view, the application landed with normal size image. When do pinching or zoom in, to expand and show row wise shops, more zooming, it need to show shop wise and click on the shop and show information about the shop and what shop is this. How should i use svg format in this application and how to get the coordinates clicked area. Please help me out to done app? or give any other solution like whether the app may be native or web?
You can try using PaintCode (www.paintcodeapp.com) for that. It can import SVG files and generates resolution-independent Objective-C drawing code on-the-fly.
For the SVG, use a UIWebView... see this article
For the touch events you can use a Javascript framework such as jQueryTouch in coordination with the SVG.
As an alternative, check out RaphaelJS... really nice and works perfectly with iOS.