嵌入式的闪光灯asp.net 手风琴执行不佳

StackOverflow https://stackoverflow.com/questions/637179

  •  10-07-2019
  •  | 
  •  

题

我使用的ajax工具包的手风琴扩和我注意到它执行一个小小的"时髦"当我试图嵌入了一些闪光的内容部分。

你可以看看我现在的工作： http://kristinsconfections.com/gallery.aspx.你可以看到，当你打开手风琴这是一个小小的波涛汹涌。我是拉的快闪幻灯片从flickr所以我不能控制的。该网站只是一个朋友是谁想成为一个面包师，所以它不是高度优先的只是非常令人沮丧!!我能做什么用javascript,.网或甚至jquery??

这里是精确的代码，我在使用该网页上:

<cc1:Accordion ID="MyAccordion" runat="server" SelectedIndex="0"
        HeaderCssClass="accordionHeader" ContentCssClass="accordionContent"
        FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250" AutoSize="None">
        <Panes>
            <cc1:AccordionPane ID="pnlCakes" runat="server">
                <Header><div ><span style="float:left;">Cakes</span></div></Header>
                <Content>
                    <object width="572" height="429" type="application/x-shockwave-flash"
                     data="http://www.flickr.com/apps/slideshow/show.swf?v=67089"> 
                    <param name="flashvars" value="&offsite=true&amp;lang=en-us&page_show_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612640424865%2Fshow%2F&page_show_back_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612640424865%2F&set_id=72157612640424865&jump_to=" />
                    <param name="allowFullScreen" value="true" />
                    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=67089" />
                    </object>
                </Content>
            </cc1:AccordionPane>
             <cc1:AccordionPane ID="pnlCookies" runat="server">
                <Header><div ><span style="float:left;">Cookies</span></div></Header>
                <Content>
                 <object width="572" height="429"  type="application/x-shockwave-flash"
                 data="http://www.flickr.com/apps/slideshow/show.swf?v=67089"> 
                <param name="flashvars" value="&offsite=true&amp;lang=en-us&page_show_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612640405779%2Fshow%2F&page_show_back_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612640405779%2F&set_id=72157612640405779&jump_to=" />
                <param name="allowFullScreen" value="true" />
                <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=67089" />
                </object>
                </Content>
            </cc1:AccordionPane>
            <cc1:AccordionPane ID="pnlCupcakes" runat="server">
                <Header><div ><span style="float:left;">Cupcakes</span></div></Header>
                <Content>
                <object width="572" height="429"  type="application/x-shockwave-flash"
                 data="http://www.flickr.com/apps/slideshow/show.swf?v=67089"> 
                <param name="flashvars" value="&offsite=true&amp;lang=en-us&page_show_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612589253131%2Fshow%2F&page_show_back_url=%2Fphotos%2F28792515%40N08%2Fsets%2F72157612589253131%2F&set_id=72157612589253131&jump_to=" />
                <param name="allowFullScreen" value="true" />
                <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=67089" />
                </object>
                </Content>
            </cc1:AccordionPane>
        </Panes>
</cc1:Accordion>
有帮助吗？

解决方案

我觉得Ajax工具包东西在一般太笨重。 jQuery是如此易于使用，具有良好的跨浏览器的支持和可扩展性，我们用它的喜好，我会建议你做同样的。有一个手风琴插件在应符合该法案JQuery的UI套件。

如果有所有的Flash影片加载到隐藏的div让你表现不佳还有就是你可以挂接到的变化，你可以在Flash加载的事件。这是记录在手风琴页上（并且可以容易地用jQuery完成）。

其他提示

这似乎是一个长期的 错误 在火狐不具体针对任何特定的部件。我最好的尝试：

<script type="text/javascript">
    function pageLoad() {
        var acc = $find('<%= MyAccordion.ClientID %>_AccordionExtender');
        acc.add_selectedIndexChanged(MyAccordion_SelectedIndexChanged);
    }
    function MyAccordion_SelectedIndexChanged(sender) {
        $("object").css("visibility", "hidden");
        setTimeout(
            function() { 
                $("object").eq(sender.get_SelectedIndex()).css("visibility", "visible"); 
            }, 1000);
    }
</script>
  1. 隐藏的对象可见性，所以该手风琴音动画玩过
  2. 等1秒钟-希望足够长的动画完成，但不会太长，以便有明显滞后
  3. 显示出隐藏的对象

这一修正的闪烁，但闪光灯对象就会消失的同时播放的动画过

我测试了下Firefox3的，IE8和铬，和它实际上似乎在IE（版本8）很好地工作，而不是很好在FF3和铬。

我没有找到这个帖子的地方谁碰到了同样的问题，它似乎是设置FadeTransitions属性为“假”修复它，但我敢打赌，这不是你所希望看到的解决方案。

你试图把一个预览图像中手风琴暂且？然后，当使用JavaScript的图像用户点击与闪存代替它？我认为这看起来好多了。

当某人选择在手风琴（未确认事件来监视的 - 看在AccordionBehavior.js）不同的窗格。，则可以去除飞边，与图像替换它并继续

我想，那么你就不必担心导致您的问题闪光灯/浏览器交互。

我建议使用 jQuery的手风琴插件时，也。我与它的工作，它非常容易使用，重量轻，适用于所有浏览器和我发现没有任何错误。有很多的皮肤，你可以选择的，如果推来推去，这不是真的那么多的屁股来构建自己的皮肤疼痛。

除此之外，看看你嵌入您的SWF文件的方式，尤其是wmode属性。有书面这里一个很好的说明文章，你可以着手行动。您可以忽略GPU和direct模式，因为我觉得你不使用编译为Flash Player 10 SWF。

当然，你应该卸载Flash影片是不可见的。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top