[FogBugz #324] Sur Ipad Fancy box ne marche pas ... #387

Open
opened 2023-07-04 07:28:14 +02:00 by fbenoist68 · 7 comments

Assigned To: CLOSED
Project: Mobile Portal
Area: Divers
Category: Bogue
Priority: A faire le plus tôt possible

Assigned To: CLOSED Project: Mobile Portal Area: Divers Category: Bogue Priority: A faire le plus tôt possible
Poster
Owner

Event ID: 1698
Date: 2016-02-13T06:45:53Z
Person: Frederik Benoist
Description: Fermé par Frederik Benoist

Event ID: 1698 Date: 2016-02-13T06:45:53Z Person: Frederik Benoist Description: Fermé par Frederik Benoist
Poster
Owner

Event ID: 1697
Date: 2016-02-13T06:45:53Z
Person: Frederik Benoist
Description: Résolu (Ne Sera Pas Corrigé) and assigned to Frederik Benoist by Frederik Benoist

Obsolete

Event ID: 1697 Date: 2016-02-13T06:45:53Z Person: Frederik Benoist Description: Résolu (Ne Sera Pas Corrigé) and assigned to Frederik Benoist by Frederik Benoist Obsolete
Poster
Owner

Event ID: 1430
Date: 2014-07-12T19:27:23Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

Je crois qu'il faut changer FancyBox ....

Event ID: 1430 Date: 2014-07-12T19:27:23Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> Je crois qu&#39;il faut changer FancyBox ....</p>
Poster
Owner

Event ID: 1429
Date: 2014-07-12T19:09:54Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

<meta name="viewport" content="width=device-width, maximum-scale=1.0, 
minimum-scale=1.0" /> 

 
Event ID: 1429 Date: 2014-07-12T19:09:54Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> <span style="color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; font-size: 13px">&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, maximum-scale=1.0,&nbsp;</span><br style="color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; font-size: 13px" /> <span style="color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; font-size: 13px">minimum-scale=1.0&quot; /&gt;&nbsp;</span></p> <div> &nbsp;</div>
Poster
Owner

Event ID: 1428
Date: 2014-07-12T19:09:05Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

 $('.fancybox').fancybox({
   padding : 0,
   arrows: false,
   helpers : {
                thumbs : {
   width  : 150,
   height : 50
   }
   },
   onUpdate:function(){
   $('#fancybox-thumbs ul').draggable({
   axis: "x"
   });
   var posXY = '';
   $('.fancybox-skin').draggable({
   axis: "x",
   drag: function(event,ui){
   // get position
                        posXY = ui.position.left;
                        // if drag distance bigger than +- 100px: cancel drag function..
                        if(posXY > 100){return false;}
   if(posXY < -100){return false;}
   },
   stop: function(){
                        // ... and get next oder previous image
   if(posXY > 95){$.fancybox.prev();}
   if(posXY < -95){$.fancybox.next();}
   }
   });
   }
   });
Event ID: 1428 Date: 2014-07-12T19:09:05Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <div> &nbsp;$(&#39;.fancybox&#39;).fancybox({</div> <div> &nbsp; &nbsp;padding : 0,</div> <div> &nbsp; &nbsp;arrows: false,</div> <div> &nbsp; &nbsp;helpers : {</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thumbs : {</div> <div> &nbsp; &nbsp;width &nbsp;: 150,</div> <div> &nbsp; &nbsp;height : 50</div> <div> &nbsp; &nbsp;}</div> <div> &nbsp; &nbsp;},</div> <div> &nbsp; &nbsp;onUpdate:function(){</div> <div> &nbsp; &nbsp;$(&#39;#fancybox-thumbs ul&#39;).draggable({</div> <div> &nbsp; &nbsp;axis: &quot;x&quot;</div> <div> &nbsp; &nbsp;});</div> <div> &nbsp; &nbsp;var posXY = &#39;&#39;;</div> <div> &nbsp; &nbsp;$(&#39;.fancybox-skin&#39;).draggable({</div> <div> &nbsp; &nbsp;axis: &quot;x&quot;,</div> <div> &nbsp; &nbsp;drag: function(event,ui){</div> <div> &nbsp; &nbsp;// get position</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; posXY = ui.position.left;</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // if drag distance bigger than +- 100px: cancel drag function..</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(posXY &gt; 100){return false;}</div> <div> &nbsp; &nbsp;if(posXY &lt; -100){return false;}</div> <div> &nbsp; &nbsp;},</div> <div> &nbsp; &nbsp;stop: function(){</div> <div> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // ... and get next oder previous image</div> <div> &nbsp; &nbsp;if(posXY &gt; 95){$.fancybox.prev();}</div> <div> &nbsp; &nbsp;if(posXY &lt; -95){$.fancybox.next();}</div> <div> &nbsp; &nbsp;}</div> <div> &nbsp; &nbsp;});</div> <div> &nbsp; &nbsp;}</div> <div> &nbsp; &nbsp;});</div>
Poster
Owner

Event ID: 1427
Date: 2014-07-12T19:08:33Z
Person: Frederik Benoist
Description: Attribué à Frederik Benoist par Frederik Benoist

Event ID: 1427 Date: 2014-07-12T19:08:33Z Person: Frederik Benoist Description: Attribué à Frederik Benoist par Frederik Benoist
Poster
Owner

Event ID: 1426
Date: 2014-07-12T19:08:33Z
Person: Frederik Benoist
Description: Ouvert par Frederik Benoist

Event ID: 1426 Date: 2014-07-12T19:08:33Z Person: Frederik Benoist Description: Ouvert par Frederik Benoist
Sign in to join this conversation.
No Label
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: fbenoist68/mobileportal#387
There is no content yet.