Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как вывести баннер при помощи JavaScript? (https://javascript.ru/forum/misc/62053-kak-vyvesti-banner-pri-pomoshhi-javascript.html)

FRILITE 22.03.2016 15:00

Как вывести баннер при помощи JavaScript?
 
Друзья!
Мне необходима помощь специалистов в следующем деле:

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

Что именно я имею ввиду:

Мне нужен скрипт (подскажите как реализовать) который одним кодом будет выводить на сайте партнёра один баннер в котором будет 3 подбаннера (пример на картинке)

Это по сути три картинки с ссылками, которые должны выводится одновременно (не поочерёдно), чтобы сам скрипт и файлы (изображения) хранились на моём сайте, а при помощи ссылки на скрипт отображались на сайте партнёра. Это даст мне возможность изменять содержимое у себя в скрипте.

Подскажите как реализовать. Благодарю заранее за помощь.

FRILITE 22.03.2016 18:36

Я думал, что это лишь мне не посильно... Неужели никто не подскажет скрипт для вывода баннера? Может я как-то не ясно пояснил что я хочу?

ruslan_mart 22.03.2016 19:23

FRILITE, ну так просто на своём сайте создайте HTML (например, banner.html):

<a href="...">
   <img alt="" src="...">
</a>
<a href="...">
   <img alt="" src="...">
</a>
<a href="...">
   <img alt="" src="...">
</a>


А на сайт партнёра:

<iframe frameborder="0" scrolling="no" src="http://site.ru/.../banner.html"></iframe>

FRILITE 22.03.2016 19:41

Это сработало! Но как теперь указать размер этому окну на сайте партнёра? Я всё сделал, всё отображается, но не полностью, а со скроллом.

ruslan_mart 23.03.2016 05:18

FRILITE,

<iframe width="ширина" height="высота" frameborder="0" scrolling="no" src="http://site.ru/.../banner.html"></iframe>


<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Banner</title>
		<style>
			body {
				margin: 0;
				padding: 0;
			}
			img {
				height: 33vh;
				width: 100%;
			}
		</style>
	</head>

	<body>
		<a href="http://yandex.ru" target="_blank">
			<img alt="" src="http://searchengineland.com/figz/wp-content/seloads/2013/12/yandex_eng_logo-360-1.png">
		</a>
		<a href="http://google.com" target="_blank">
			<img alt="" src="http://assets2.ignimgs.com/2014/12/19/google-logo1jpg-886dc0_1280w.jpg">
		</a>
		<a href="http://javascript.ru" target="_blank">
			<img alt="" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
		</a>
	</body>
</html>


Часовой пояс GMT +3, время: 21:24.