нужна помощь!

goodos · March 3, 2012

Мне понравился ротатор на сайте http://1043.com.ua/ ! Но при попытке сохранить его себе на комп возникла проблема ... Кажется все сохранил: tpniceslideshow_ie.css; tpniceslideshow.css; tpniceslideshow.js;

И сам код ротатора! но чего-то не листаются новости (( Кто может мне подсказать что я упустил?!

Код из index

 ?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="uk-ua" lang="uk-ua" dir="ltr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>слайдшоу</title>


  <link rel="stylesheet" type="text/css" href="tpniceslideshow.css" title="default" />
  <link rel="stylesheet" type="text/css" href="http://1043.com.ua/modules/mod_tpniceslideshow/tpniceslideshow/tpniceslideshow_ie0.css" title="default" />
  <script type="text/javascript" src="tpniceslideshow.js"></script>http://code.jquery.com/jquery-1.7.1.min.js
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <style type="text/css">
			.TPNSSwrapper {
				width: 694px;
			}

			#TPNiceSlideShowMenu div img {
				float: left;
				margin:  8px;

			}

			#TPNiceSlideShowMenu div {

				height: 60px;

				width: 294px;

			}


			.TPNiceSlideShowMenuContent {
			text-align: left;
			}

			#TPNiceSlideShow {
				height: 300px;
				width: 400px;
				float: left;
			}

			#TPNiceSlideShowMenuWrp {
				height: 300px;
				width: 294px;
				overflow:hidden;
			}

			.TPNiceSlideShowGallery .slideInfoZone {

				height: 80px;

				width: 390px;

				background: #333333;

						position: absolute;
						bottom: 0px;
						left: 0px;

			}
			</style>

</head>

<body>
  <script type="text/javascript">

			function startTPNiceSlideShow() {
				var TPNiceSlideShow = new TPSlideShowClass($('TPNiceSlideShow'), {
					timed: true,
					showInfopane: false,
					showMenu: true,
					embedLinks: true,
					fadeDuration: 500,
					readMore: false,
					readMoreText: 'Детальніше',
					showTitle: false,
					titleLink: false,
					showDescription: true,

					delay: 4000
				});
			}
			window.onDomReady(startTPNiceSlideShow);


			</script>
<div class="TPNSSwrapper">
	<div id="TPNiceSlideShow" class="TPNiceSlideShowGallery" style="display: block; ">





			<a class="slideElement" style="position: absolute; left: 0px; right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(http://1043.com.ua/images/tpniceslideshow/original/779189690.jpg); visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%; " href="http://1043.com.ua/chart/svojeridny-hit-parad" title="open link"></a><a class="slideElement" style="position: absolute; left: 0px; right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(http://1043.com.ua/images/tpniceslideshow/original/1940942467.jpg); visibility: visible; zoom: 1; opacity: 1; background-position: 50% 50%; " href="http://1043.com.ua/entertainment/53164-vecherjajemo-vdoma" title="open link"></a><a class="slideElement" style="position: absolute; left: 0px; right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(http://1043.com.ua/images/tpniceslideshow/original/946581734.jpg); visibility: visible; zoom: 1; opacity: 1; background-position: 50% 50%; " href="http://1043.com.ua/entertainment/53165-lmylna-operar" title="open link"></a><a class="slideElement" style="position: absolute; left: 0px; right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(http://1043.com.ua/images/tpniceslideshow/original/1398413732.jpg); visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%; " href="http://1043.com.ua/chart/frankivska-simka" title="open link"></a><a class="slideElement" style="position: absolute; left: 0px; right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(http://1043.com.ua/images/tpniceslideshow/original/1332256401.jpg); visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%; " href="http://1043.com.ua/chart/hate-parad" title="open link"></a><div class="loadingElement" style="display: none; "></div></div>
		<div id="TPNiceSlideShowMenuWrp">
	<div id="TPNiceSlideShowMenu">
				<div class="TPNiceSlideShowMenuContent active">
							<img src="http://1043.com.ua/images/tpniceslideshow/icon/779189690.jpg" style="position:top;" alt="Своєрідний  хіт-парад">
				<p>
			<a href="javascript:void(0);">

								<span class="tpnssmenu_title">Своєрідний  хіт-парад</span><br>
												<span class="tpnssmenu_desc">10 кращих звідусіль</span>
							</a>
			</p>
		</div>
				<div class="TPNiceSlideShowMenuContent">
							<img src="http://1043.com.ua/images/tpniceslideshow/icon/1940942467.jpg" style="position:top;" alt="Вечеряємо вдома">
				<p>
			<a href="javascript:void(0);">

								<span class="tpnssmenu_title">Вечеряємо вдома</span><br>
												<span class="tpnssmenu_desc">П’ять смачних хвилин щобудня</span>
							</a>
			</p>
		</div>
				<div class="TPNiceSlideShowMenuContent">
							<img src="http://1043.com.ua/images/tpniceslideshow/icon/946581734.jpg" style="position:top;" alt="Мильна Опера">
				<p>
			<a href="javascript:void(0);">

								<span class="tpnssmenu_title">Мильна Опера</span><br>
												<span class="tpnssmenu_desc">Програма для серіаломанів</span>
							</a>
			</p>
		</div>
				<div class="TPNiceSlideShowMenuContent">
							<img src="http://1043.com.ua/images/tpniceslideshow/icon/1398413732.jpg" style="position:top;" alt="Франківська сімка">
				<p>
			<a href="javascript:void(0);">

								<span class="tpnssmenu_title">Франківська сімка</span><br>
												<span class="tpnssmenu_desc">Хіт-парад</span>
							</a>
			</p>
		</div>
				<div class="TPNiceSlideShowMenuContent">
							<img src="http://1043.com.ua/images/tpniceslideshow/icon/1332256401.jpg" style="position:top;" alt="Hate-парад">
				<p>
			<a href="javascript:void(0);">

								<span class="tpnssmenu_title">Hate-парад</span><br>
												<span class="tpnssmenu_desc">Хіт-парад «навпаки»</span>
							</a>
			</p>
		</div>
			</div>
	</div>
			<div style="clear:both;"></div>
	</div>

</body>
</html>

DrStrangeLove · March 3, 2012

может установлен неправильный путь для "tpniceslideshow.css" и "tpniceslideshow.js" - попробуй указать абсолютный путь - их адрес в паутине!

goodos · March 5, 2012

Все! проблему решил! нашел такой ротатор в интернете)

Sign In

нужна помощь!

Question

goodos

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

DrStrangeLove

Link to comment

Share on other sites

goodos

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information