Изображение заменено iframe при нажатии

Я хотел бы отобразить изображение (300x169), и когда пользователь нажимает на изображение, его заменяют (в том же месте) с iframe того же размера.Изображение заменено iframe при нажатии

источник

2015-11-04 user5525643

Это так правила, которые вы должны показать, что вы пробовали. Не просто попросите решение проблемы, не показывая, что вы сделали что-то, чтобы попытаться понять это сами. – AgapwIesu

Используйте событие onClick – LearningProcess

Я только показать вам Jquery подход:

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    </head> 
    <body> 
     <p>Some html content</p> 
     <div id='holder'><img id='myImg' width='300' height='169' src="noimage.png"></div> 
     <p>Some other html content</p> 
    </body> 
    <script> 
     $('#myImg').click(function() { 
      $('#myImg').remove(); 
      $('<iframe/>') 
       .attr('id', 'iframeId') 
       .attr('src', 'http://someurl') 
       .appendTo("#holder") 
     }); 
    </script> 
</html

источник

2015-11-04 16:56:17 vacsora

Изображение заменено iframe при нажатии

ответ

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