Search jQuery

jQuery Forum

possible coverflow with jquery mobile ?

in Developing jQuery Mobile • 12 years ago

hi there,
i'm trying to adapt zflow script for jquery mobile but i think the javascript don't load ....
if i run my page like this text.html it's works but if i run my page with the "#" example:

<a class="qd" href="#domaine">

the script doesn't load

my html page

<script type="text/javascript" src="zflow.js"></script>
<script type="text/javascript">
$(document).ready(function init()
{
window.onorientationchange(null);
var images = Array(
["IMG/nathan.png"],
["IMG/inspiration.png"],
["IMG/terredeclat.png"],
["IMG/lenny.png"],
["IMG/potier.png"]);
zflow(images, "#tray");
}
window.onorientationchange = function (event)
{
if (window.orientation == 0)
{
document.getElementById("container").className="centering portrait";
}
else
{
document.getElementById("container").className="centering landscape";
}
}
</script>
</head>
<body class="zflow" onload="init();">
<div data-role="page" data-theme="c" id="vins" >
<div class="fb">
<a href="#accueil" >
<div class="gb hb">
</div>
</a>
<div class="pd">
<a class="qd" href="#info" data-rel="dialog" data-transition="pop">
<div class="in rd">
</div>
</a>
</div>
<div class="pd">
<a class="qd" href="#menu" data-transition="flip">
<div class="me rd">
</div>
</a>
</div>
</div>
<div class="swatch-preview">
<div class="ui-bar ui-bar-d">Les vins</div>
</div>
<div class="ui-body ui-body-a">
<div id="container" class="centering">
<div id="tray" class="tray"></div>
</div>
</div>
</div>
</body>
</html>

and .js in attachement.

Attachments

zflow.rar
Size : 2.49 KB Downloads : 3364 Download

Replies(3)

brente

Re: possible coverflow with jquery mobile ?

12 years ago

That coverflow code is old and buggy. I used it unsuccessfully with jQTouch in the past.

I think what you want is here: http://forum.jquery.com/topic/jquery-mobile-carousel-widget

BUT ... many many many others are looking for a jQM image gallery solution and I imagine that the brilliant fellas at Filament will have something released with 1.0. I'm crossing my fingers here.

mahsa.tei..

Re: possible coverflow with jquery mobile ?

10 years ago

Try this one. It seems interesting, however, it still needs a lot of improvements: https://github.com/pixshatterer/jQueryMobile-CSS3-Coverflow

Saurin Da..

Re: possible coverflow with jquery mobile ?

10 years ago

hi your code :

$(document).ready(function init()
{
window.onorientationchange(null);
var images = Array(
["IMG/nathan.png"],
["IMG/inspiration.png"],
["IMG/terredeclat.png"],
["IMG/lenny.png"],
["IMG/potier.png"]);
zflow(images, "#tray");
}

is going to call only once when u refresh/load the site and it will associates with the only page "vins".
if you want to call these script each time with your page, then you need to wrap these code into pageshow/pagebeforeshow event otherwise zflow(images, "#tray"); will not gonna call every time you access the page with ajax load using #. do not use document.ready().

Top Reply

Response title

Attachments

jQuery Forum

possible coverflow with jquery mobile ?

Attachments

Replies(3)

Re: possible coverflow with jquery mobile ?

Re: possible coverflow with jquery mobile ?

Re: possible coverflow with jquery mobile ?

Statistics

Tags

Actions