Использовать iframe в качестве ссылки?
Я использую iframe, и в iframe я загружаю динамическое изображение. Я хочу использовать то изображение в качестве ссылки на соответствующую статью. На самом деле это - новостной сайт.
Я уже использовал много материалов как:
<a href="whatever.."><iframe src="dynamic url"></iframe></a>
работает с IE, но не с сафари и И следующие.
и
некоторые твиты как
div.iframe-link {
position: relative;
}
a.iframe-link1 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
код:
<div class="iframe-link">
<iframe src="file" width="90px" height="60px" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0" allowtransparency="true" noscaling="true">
</iframe>
<a href="url" target="_top" class="iframe-link1"></a>
</div>
работавший в FF и Safari не в IE7,8.
ТАК может кто-либо предлагать, что сделать..
любая справка ценилась бы.
Iframe загружает динамический адрес изображения как::::
<div class="news_img01">
<div onclick="window.open('URL','_self')" style="cursor: pointer;"><br>
<iframe scrolling="no" height="60px" frameborder="0" width="90px" noscaling="true" allowtransparency="true" marginwidth="0" marginheight="0" src="thumbnails/1188.gif">
</iframe>
</div>
</div>
таким образом, я не могу добавить тег внутри, но уже перенесенный тег внутри. это работало на IE, но не на других как FF, Safari..
3 ответа
Согласно вашим предыдущим комментариям, вы использовали iframe, чтобы обрезать изображение неизвестного размера до поля 60 на 90 пикселей. Для этого используйте атрибут overflow: hidden css в теге a , который отсекает любой контент, не помещающийся в рамку.
<div class="news_img01">
<a href="URL"
style="display: block; width:90px; height:60px; overflow:hidden;">
<img src="thumbnails/1188.gif" />
</a>
</div>
Если iframe загружает HTML-страницу, просто введите ваши теги в источнике этого.
Если это просто загрузка изображения, почему вы не используете тег ?
Я бы рекомендовал использовать jQuery для выбора элемента изображения в этом iframe и обернуть его тегом , чтобы он был кликабельным.
Я считаю, что можно прикрепить слушателя onHTMLReady к документу внутри iframe. Затем дождаться загрузки iframe и сделать изображение кликабельным
$(frames[0].document).ready(function(){ /*find and wrap with a-tag goes here*/ });