Question

我有一张包含图像的表格，我正在尝试这样做，当您点击图像时，它会使该图像全屏，然后您可以点击全屏图像并将其返回到图像表。

我正在使用phonegap所以所有这些都将在移动设备上使用html，javascript，css等。无论如何，无需链接到另一页？

感谢您的帮助！

Answer 1

为您的目的使用灯箱js

这很容易实现，可以用于这种操作

Answer 2

如果您使用的是Jquery，请使用Jquery Dialogs。如果您使用的是Jquery Mobile，请使用弹出窗口。设置图像的onclick方法单击以打开弹出窗口。如果使用Jquery，您可以使用此代码生成一个全屏弹出图像（使用对话框）。

对于表格中的链接：

SET [First Invoice Date] AS
    Iif(
        COUNT(
            NonEmpty(
                [Date invoice].[Invoice date].[Invoice date],
                [CurrentSalesPeriod]
                * Ytd(StrToMember(@PAR_Date).Parent.Lag(1).LastChild)
                * [Point of sale].[Client id].&[46]
                * {[Measures].[YTD Sales]}
            )
        ) = 0,
        {[Date invoice].[Bonus Calendar - Week].[All].UNKNOWNMEMBER.UNKNOWNMEMBER},
        Head(
            NonEmpty(
                [Date invoice].[Invoice date].[Invoice date],
                [CurrentSalesPeriod]
                * Ytd(StrToMember(@PAR_Date).Parent.Lag(1).LastChild)
                * [Point of sale].[Client id].&[46]
                * {[Measures].[YTD Sales]}
            ), 1
        )
)

 SET [CurrentSalesPeriod] AS
    Tail( 
        NonEmpty(
            [Point of sale].[Management period].[Management period],
            {[Measures].[Sales amount]}
            * Ytd(StrToMember(@PAR_Date))
            * [Point of sale].[Client id].&[46]
        ), 1
    )

弹出窗口：

<a href="#myPopupDialog" data-rel="popup" data-position-to="window" data-transition="fade" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">
<img border="0"  src="abc.jpg" width="100" height="100">
</a>

这应该会给你一个想法。无论如何，网上有大量的例子。快乐的谷歌搜索！

如何在图像点击上全屏显示图像？

2 个答案: