Jump to content
  • 0

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

Timoti_xxx

Asked by Timoti_xxx,

 Share

Question

Timoti_xxx Explorer

Timoti_xxx

Posted
Posted

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

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

<!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>

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

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept