Неинтерактивный iframe или подобное решение

Я делаю сайты. Мои клиенты входят в систему, и они видят 5 идей своего дизайна сайта - разные макеты, цвета и т. Д.Неинтерактивный iframe или подобное решение

Теперь я показываю им только 5 отпечатков, сделанных мною и загруженных мной. Каждый img ссылается на другой сайт под строительство.

Я хочу, чтобы исключить необходимость менять печатные экраны вручную каждый раз, когда я что-то меняю.

Я пробовал решение iFrame, но они являются интерактивными.

Есть ли у вас идеи, что лучше всего подходит?

EDIT:

У меня есть решение (обходной путь), но только для Chrome.

<a target="_parent" href="http://url.com"> 
<div> 
<iframe id="iframe" src="http://url.com" width="300px" height="300"></iframe> 
</div> 
</a>

и некоторые CSS, чтобы увеличить и сделать сайт выглядеть уменьшенное изображение:

#iframe{ 
zoom: 4.0; 
-moz-transform: scale(0.25); 
-moz-transform-origin: 0 0; 
-o-transform: scale(0.25); 
-o-transform-origin: 0 0; 
-webkit-transform: scale(0.25); 
-webkit-transform-origin: 0 0; 
}

Chrome = размер идеально подходит, когда вы нажимаете на ссылку внутри IFrame браузера открывает мой HREF (так много логики .. .), когда вы нажимаете внутри iframe, но не на ссылке ничего не происходит.

FF = эскиз в 4 раза меньше, чем на Chrome

IE = миниатюры в 4 раза больше

источник

2013-07-03 pp_1

все 5 изображений на сайте сразу? –

да, но это необязательно. –

-1

Вы можете вставить Div-контейнер, который охватывает всю страницу, так что ваши пользователи не могут ничего нажимать, но на div.

<div style="position:fixed;width:100%;height:100%;"></div>

Полный код может выглядеть следующим образом:

<html> 
    <body> 
     <div style="position:fixed;width:100%;height:100%;"></div> 
     <iframe src="http://www.http://stackoverflow.com" width="100%" height="300" ></iframe> 
    </body> 
</html>

EDIT: Вы можете попробовать сделать это:

<div id="myiframes"> 
     <div style="position: relative; width: 300px; height: 300px; display: inline-block;"></div> 
     <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe> 
     <div style="position: relative; width: 300px; height: 300px;display:inline-block;"></div> 
     <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe> 
</div>

В основном переместить каждый IFRAME за пределами DIV, добавив запас -300px; для каждого iframe. Изменить для ваших нужд

источник

2013-07-03 21:30:02 isset

Проблема в том, что остальная часть страницы интерактивна. Я пытался охватить только iframe с помощью div, но без везения. –

@ pp_1 Я добавил код в свой ответ, надеюсь, он поможет – isset

Не работает. По какой-то причине iframe более важен. Div onclick = некоторые JS тоже не работают. –

Неинтерактивный iframe или подобное решение

ответ

Смежные вопросы