通过图像映射器突出显示图像部分

时间:2016-05-16 10:23:50

标签: javascript jquery html css css3

我需要帮助。

我有一个页面(xyz.html),其中我有很少的赞助商徽标(1,2,3,4,5等)。我想点击每个徽标,然后点击将带我到另一个页面(abc.html),在那里我将有一个平面图图像。

如果用户点击xyz.html上的赞助商徽标1,我想要。它应该将用户带到abc.html页面并突出显示那里的1个maped图像。

我已经尝试过,如果有人能帮助我以更简单的方式制作它,需要帮助。

public string formatText(string longSentenceParts,int columnLimit)
{
        string[] words = longSentence.Split(new char[] { ' ' });
        IList<string> longSentenceParts = new List<string>();
        longSentenceParts.Add(string.Empty);

        int partCounter = 0;

        foreach (string word in words)
        {
            if ((longSentenceParts[partCounter] + word).Length > columnLimit)
            {
                partCounter++;
                longSentenceParts.Add(string.Empty);
            }

            longSentenceParts[partCounter] += word + " ";
        }

        foreach (string x in longSentenceParts)
            Console.WriteLine(x);
}

以下代码将显示在abc.html页面中。

<script src="https://s3.amazonaws.com/clientevents/Image-mapping/jquery-ui.js"></script>

<script>
  $(function() {
   $(function() {
        $(document).on('click','area',function(){
            var targetId = j$(this).data('target-id');
            sessionStorage.setItem('highlightId',targetId);
            window.location.href = "{[E-CUSTOM URL:Floor Plan]}";
        });
  });
  });
  </script>

0 个答案:

没有答案