Помогите с кодом

Timoti_xxx · February 18, 2012

Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог

А вот собственно сам код:

Reveal hidden contents

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

    <head>

        <title>Мастера ручной работы</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <meta name="description" content="Moleskine Notebook with jQuery Booklet" />

        <meta name="keywords" content="jquery, book, flip, pages, moleskine, booklet, plugin, css3 "/>

		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>



		<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

		<script src="booklet/jquery.easing.1.3.js" type="text/javascript"></script>

		<script src="booklet/jquery.booklet.1.1.0.min.js" type="text/javascript"></script>



		<link href="booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen" />

		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>



		<script src="cufon/cufon-yui.js" type="text/javascript"></script>

		<script src="cufon/ChunkFive_400.font.js" type="text/javascript"></script>

		<script src="cufon/Note_this_400.font.js" type="text/javascript"></script>

		<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />



	<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>

	<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>

<script type="text/javascript">

$(document).ready(function() {

    $("a.gallery").fancybox();

});

</script>	

    </head>

    <body>



  		<div class="book_wrapper">

			<a id="next_page_button"></a>

			<a id="prev_page_button"></a>

			<div id="loading" class="loading">???????????????????°???????????????????????????????????????·?????????????????° ?????????????????????????????????????????°?????????????????????????????...</div>

			<div id="mybook" style="display:none;">

				<div class="b-load">

					<div>

						<a class="gallery" rel="group" title="?????????????????????????????????????????°?????????????????????????????????????° 1" href="images/1.jpg"><img src="images/1.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group2" title="?????????????????????????????????????????°?????????????????????????????????????° 2" href="images/2.jpg"><img src="images/2.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group3" title="?????????????????????????????????????????°?????????????????????????????????????° 3" href="images/3.jpg"><img src="images/3.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group4" title="?????????????????????????????????????????°?????????????????????????????????????° 4" href="images/4.jpg"><img src="images/4.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group5" title="?????????????????????????????????????????°?????????????????????????????????????° 5" href="images/5.jpg"><img src="images/5.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group6" title="?????????????????????????????????????????°?????????????????????????????????????° 6" href="images/6.jpg"><img src="images/6.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group7" title="?????????????????????????????????????????°?????????????????????????????????????° 7" href="images/7.jpg"><img src="images/7.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group8" title="?????????????????????????????????????????°?????????????????????????????????????° 8" href="images/8.jpg"><img src="images/8.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group9" title="?????????????????????????????????????????°?????????????????????????????????????° 9" href="images/9.jpg"><img src="images/9.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group10" title="?????????????????????????????????????????°?????????????????????????????????????° 10" href="images/10.jpg"><img src="images/10.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group11" title="?????????????????????????????????????????°?????????????????????????????????????° 11" href="images/11.jpg"><img src="images/11.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group12" title="?????????????????????????????????????????°?????????????????????????????????????° 12" href="images/12.jpg"><img src="images/12.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group14" title="?????????????????????????????????????????°?????????????????????????????????????° 13" href="images/13.jpg"><img src="images/13.jpg" alt=""/></a>

					</div>

					<div>

						<a class="gallery" rel="group14" title="?????????????????????????????????????????°?????????????????????????????????????° 14" href="images/14.jpg"><img src="images/14.jpg" alt=""/></a>

					</div>

				</div>

			</div>

	</div>

        <div>

            <span class="reference">

                <a href=" http://nepovtorim.ru">Назад к сайту</a>



            </span>

		</div>



        <!-- The JavaScript -->



        <script type="text/javascript">

			$(function() {

				var $mybook 		= $('#mybook');

				var $bttn_next		= $('#next_page_button');

				var $bttn_prev		= $('#prev_page_button');

				var $loading		= $('#loading');

				var $mybook_images	= $mybook.find('img');

				var cnt_images		= $mybook_images.length;

				var loaded			= 0;

				//preload all the images in the book,

				//and then call the booklet plugin



				$mybook_images.each(function(){

					var $img 	= $(this);

					var source	= $img.attr('src');

					$('<img/>').load(function(){

						++loaded;

						if(loaded == cnt_images){

							$loading.hide();

							$bttn_next.show();

							$bttn_prev.show();

							$mybook.show().booklet({

								name:               null,                            // name of the booklet to display in the document title bar

								width:              800,                             // container width

								height:             500,                             // container height

								speed:              600,                             // speed of the transition between pages

								direction:          'LTR',                           // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left

								startingPage:       0,                               // index of the first page to be displayed

								easing:             'easeInOutQuad',                 // easing method for complete transition

								easeIn:             'easeInQuad',                    // easing method for first half of transition

								easeOut:            'easeOutQuad',                   // easing method for second half of transition



								closed:             true,                           // start with the book "closed", will add empty pages to beginning and end of book

								closedFrontTitle:   null,                            // used with "closed", "menu" and "pageSelector", determines title of blank starting page

								closedFrontChapter: null,                            // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page

								closedBackTitle:    null,                            // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page

								closedBackChapter:  null,                            // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page

								covers:             false,                           // used with  "closed", makes first and last pages into covers, without page numbers (if enabled)



								pagePadding:        10,                              // padding for each page wrapper

								pageNumbers:        true,                            // display page numbers on each page



								hovers:             false,                            // enables preview pageturn hover animation, shows a small preview of previous or next page on hover

								overlays:           false,                            // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable

								tabs:               false,                           // adds tabs along the top of the pages

								tabWidth:           60,                              // set the width of the tabs

								tabHeight:          20,                              // set the height of the tabs

								arrows:             false,                           // adds arrows overlayed over the book edges

								cursor:             'pointer',                       // cursor css setting for side bar areas



								hash:               false,                           // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled

								keyboard:           true,                            // enables navigation with arrow keys (left: previous, right: next)

								next:               $bttn_next,          			// selector for element to use as click trigger for next page

								prev:               $bttn_prev,          			// selector for element to use as click trigger for previous page



								menu:               null,                            // selector for element to use as the menu area, required for 'pageSelector'

								pageSelector:       false,                           // enables navigation with a dropdown menu of pages, requires 'menu'

								chapterSelector:    false,                           // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'



								shadows:            true,                            // display shadows on page animations

								shadowTopFwdWidth:  166,                             // shadow width for top forward anim

								shadowTopBackWidth: 166,                             // shadow width for top back anim

								shadowBtmWidth:     50,                              // shadow width for bottom shadow



								before:             function(){},                    // callback invoked before each page turn animation

								after:              function(){}                     // callback invoked after each page turn animation

							});

							Cufon.refresh();

						}

					}).attr('src',source);

				});



			});

        </script>



    </body>

</html>

Помогите пожалуйста. Очень надо

Sign In

Помогите с кодом

Question

Timoti_xxx

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information