Forum zamknięte. Zapraszamy do grupy na Facebooku
Odpowiedz 
 
Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
problem z galeria
01-27-2013, 07:48 PM
Post: #1
problem z galeria
Witam
Nie znam się na języku java bardzo proszę o pomoc. Chodzi o blog: http://perfekcyjnabyc.blogspot.de/#

Co zrobić aby do galerii dodać swoje zdjęcia.

oto kod całego bloga:
Kod:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>

<!-- Blogger AllinOne(AIO) SEO Tags ~ www.way2blogging.org -->
    <!-- Blogger Title Tag Swap ~ www.way2blogging.org  -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> ~ <data:blog.title/></title>
    </b:if>
    <!-- /Blogger Title Tag Swap ~ www.way2blogging.org  -->
    <!-- Meta Tags ~ www.way2blogging.org  -->
    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='Author Email Address here!' name='Email'/>
    <meta content='global' name='distribution'/>
    <meta content='5 days' name='revisit'/>
    <meta content='5 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='en' name='language'/>
    <meta content='IN' name='country'/>
    <meta content='blogger' name='generator'/>
    <!-- /Meta Tags ~ www.way2blogging.org -->
<!-- /Blogger AllinOne(AIO) SEO Tags ~ www.way2blogging.org -->

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'/>

    <b:skin><![CDATA[/*
================================================================================​
================================================================================​
Blogger Template Style
Name    : Flexor Magazine
Author  : Dasari Harish
URL     : http://www.custombloggertemplates.com
Date    : Sunday, January 08, 2012
    :
License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
================================================================================​
================================================================================​
*/
#navbar-iframe, .Navbar {display: none !important;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, address, big, cite, code, pre,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
ul li {list-style: none;}
h1 {font-size: 26px;margin-bottom:0.5em;}
h2 {font-size: 22px;}
h3 {font-size: 20px;margin-bottom:0.4em;}
h4 {font-size: 18px;margin-bottom:0.4em;}
h5 {font-size: 16px;margin-bottom:0.4em;}
h6 {font-size: 14px;margin-bottom:0.4em;}
code, pre {display: block;background: #ccc;border: 1px solid #000;margin: 10px 0;overflow: scroll;padding: 10px;clear: both;}
h1, h2, h3, h4, h5, h6, .header p.description, #mainnavigatation li a{;}
a:link, a:visited {color: #00a4df;text-decoration: none;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}
a:hover {color: #444444;}
html body {background: #eeeeee;font-size: 12px;font-family: Arial, Verdana, Tahoma, Times New Roman;line-height: 1.5em;color: #828282;}
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans Narrow';font-weight: Bbold;}
#topwrap {width: 100%;background: url(http://4.bp.blogspot.com/-v8FTGKSmeqI/Twl-W2TTnFI/AAAAAAAABFg/cDATYt97Rio/s1600/top.png) repeat-x scroll top;height: 43px;}
#header-wrapper {width: 1000px;height: 85px;padding-top: 45px;}
#nav2 {clear: both;height: 45px;width: 1000px;background: url(http://3.bp.blogspot.com/-brjrb8jktJw/Twl-Uxqj-yI/AAAAAAAABFI/qn3Oj2QFEnw/s1600/nav.png) no-repeat;margin-bottom: 35px;overflow: hidden;}
#nav2 li {float: left;line-height: 45px;margin-right: 1px;}
#nav2 li a {float: left;display: block;color: #fff;text-decoration: none;padding: 0px 22px;font-size: 12px;text-transform: uppercase;font-family: 'PT Sans Narrow';text-shadow: 1px 0 1px #000000;}
#nav2 li.selected, #nav2 li:hover, #nav2 li.current-cat {background: url(http://1.bp.blogspot.com/-UE_I8f9ZiT8/Twl-VZ_jMwI/AAAAAAAABFM/o7adkJzhI40/s1600/navh.png) repeat-x;}
#nav2 li.first a, #nav2 li.first a:hover, #nav2 li.firstac a {background: url(http://1.bp.blogspot.com/-P-6LjBFDJYM/Twl-X0_oHJI/AAAAAAAABFw/XrhkU-hgAe8/s1600/first-active.jpg) no-repeat scroll left !important;}
#top {width: 1000px;height: 43px;margin: 0 auto;}
#top h2{display:none;}
#top li {float: left;line-height: 40px;margin-right: 35px;}
#top li a {float: left;display: block;padding: 0;color: #fff;text-shadow: 1px 0 1px #5e1309;text-transform: uppercase;font-size: 12px;font-family: 'PT Sans Narrow';}
#main-wrapper {clear: both;margin: 0 auto;width: 1000px;overflow: hidden;}
#s {width: 300px;height: 12px;padding: 10px 0 9px 5px;color: #ccc;font-size: 11px;border: 1px solid #d2d2d2;border-right: 0;margin-right: -33px;}
#HTML245 {padding:0 !important;width: 320px !important;box-shadow: none !important;background: none !important;border: none !important;}
#content-wrapper {clear: both;float: left;width: 655px;}
#contentinner {padding: 0px;}
#sidebar-wrapper {float: right;width: 320px;}
#sb-wrap {clear: both;width: 100%;background: #2b2b2b url(http://3.bp.blogspot.com/-tK0wmSDWzmo/Twl-Vxesf9I/AAAAAAAABFU/e6HQFhRvzPw/s1600/sb-top.jpg) repeat-x scroll top;}
#footer-columns {width: 960px;margin: 0 auto;padding: 23px 0px 20px;overflow: hidden;background: url(http://2.bp.blogspot.com/-fBfp34g9zz4/Twl-WDZmRQI/AAAAAAAABFc/DDKioulVxaM/s1600/shadow.jpg) no-repeat scroll 135px 60px;}
#footer1, #footer2, #footer3 {width: 219px;float: left;margin-right: 28px;}
#footer4 {margin-right: 0;float: left;width: 219px;}
#footer-columns h2 {color: #aaaaaa;font-size: 17px;margin-bottom: 55px;font-weight: normal;text-shadow: 1px 0 1px #000000;text-transform: uppercase;}
#footer-columns .widget {margin-bottom: 30px;overflow: hidden;color: #858585;}
#footer-columns .widget a, #footer-columns .widget a:visited {color: #bfbfbf;}
#footer-columns .widget a:hover {color: #bfbfbf;text-decoration: underline;}
#footer-columns .widget ul li {padding: 7px 0 7px 0px;margin-left: 0;background: url(images/li.gif) repeat-x scroll bottom;}
#footer-columns .widget li li {background-position: top;}
#footer-columns .widget ul.children {margin: 7px 0 -7px 0;}
#shiftdown {margin-bottom: 83px;}
.last {background: none !important;}
#footerw {width: 100%;height: 36px;clear: both;background: #000000 url(http://1.bp.blogspot.com/-HXt7q6YgXyM/Twl-YYwSe1I/AAAAAAAABF8/4eWvAgitfJA/s1600/footer.jpg) repeat-x;}
#footer {width: 1000px;padding: 6px 0 0;overflow: hidden;margin: 0 auto;font-size: 11px;}
#footer a, #footer a:visited {color: #ccc;}
#footer a:hover {color: #ccc;text-decoration: underline;}
#header {text-transform: uppercase;float: left;width: 48%;}
#header a{color: #272727;font-size: 30px;text-shadow: 1px 0 1px #fff;}
#header a:hover {text-decoration: none;}
#header img {border: 0 none;}
#header h1 {clear: both;color: #000;font-size: 24px;font-weight: Bold;height: auto;line-height: 1.6;margin: 0;padding: 0;text-transform: uppercase;}
#header p.description {color: #272727;font-size: 11px;}
#bannerad {width: 49%;float: right;margin: -12px 0px 0 0;}
#bannerad img {border: 0 none;}
.post {margin-bottom: 15px;background: #fff;border: 1px solid #d2d2d2;padding:20px;box-shadow: 0 2px 7px #dddddd;}
.post img{padding: 3px;border: 1px solid #D2D2D2;background: #fff;}
h3.post-title {margin-bottom: 10px;line-height: 19px;font-size: 16px;text-transform: uppercase;}
h3.post-title a, h3.post-title a:visited {color: #444444;}
.meta {background: #f1f1f1;padding: 9px;width: 300px;margin-left: -9px;margin-top: 10px;}
.comm {background: url(http://2.bp.blogspot.com/-B7mABpPvJZs/Twl-XXon_vI/AAAAAAAABFo/Bd8bcxWncng/s1600/comm.png) no-repeat scroll center;width:39px;height: 34px;padding-top: 6px;display: inline-block;text-align: center;text-shadow: 1px 0 1px #00397f;font-family: 'PT Sans Narrow';position: relative;top: -28px;left: 262px;margin-bottom: -18px;}
a.comm, a.comm:visited {color: #fff;font-size: 15px;}
.post-body {margin-top: 10px;line-height: 21px;}
.post-body h2 {margin-bottom: 0.4em;}
.post-body p {margin: 1px 0 10px 0;}
.post-body img, .post_thumbnail {padding: 0px;border: 0;}
.post_thumbnail {background: none;padding: 0;margin: 0 !important;border: 0;}
.post-body img, .post_thumbnail {-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.post-body img:hover, .post_thumbnail:hover {opacity: 0.7;}
.post-body th {padding: 0;margin-right: 2px;}
.post-body ol li {list-style: decimal inside;}
blockquote {border-left: 10px solid #AAA;margin-left: 20px;padding-left:20px;}
blockquote p {padding: 10px;}
.alignleft {float: left;margin: 5px 10px 0px 0px;}
.alignright {float: right;margin: 5px 0px 0px 10px;}
img.aligncenter {display: block;margin: 0 auto 5px;}
.post table{font-size:1.2em;margin:5px 0 25px 1px;}
.post table td{padding:8px;border: 1px solid #ccc;}
#sidebar h2, #single-widget h2 {padding: 5px 0 5px 0;font-size: 15px;color: #444444;text-transform: uppercase;}
.Label li span{display:none;}
#sidebar .widget,.tabber, #single-widget .widget {clear: both;margin-bottom: 35px;overflow: hidden;background: #fff;border: 1px solid #d2d2d2;padding: 9px;box-shadow: 0 2px 7px #dddddd;font-size: 12px;}
#sidebar a, #single-widget a, #sidebar a:visited {color: #828282;}
#sidebar a:hover {color: #00A4DF;}
#sidebar ul {margin-top: -5px;}
#sidebar ul.children {margin: 6px 0 -6px 0;}
#sidebar ul li. #single-widget li {padding: 6px 0 6px 0;margin-left: 0;border-bottom: 1px solid #e8e7e7;}
#sidebar li li {border-bottom: 0;border-top: 1px solid #e8e7e7;}
#sidebar li.last {border-bottom: 0 !important;}
.comments{margin-bottom: 30px;overflow: hidden;}
.comments h4{font-size: 22px;font-weight: bold;margin: 5px 0;padding: 10px 0;}
#comments-block.avatar-comment-indent {position:relative;margin:0;}
dl#comments-block {line-height:1.6em;margin:2em 0 1.5em !important;}
#comments-block .comment-author {background:#fff;border: 1px solid #E9E8E8;font-size: 14px;font-weight: bold;margin-left: 0;padding: 3px 5px 3px 75px;border-bottom:0 none;}
#comments-block .comment-author a, dl#comments-block dt.author-comment a{text-decoration:none;}
#comments-block .avatar-image-container {background:url("http://4.bp.blogspot.com/-sA2gHusLNQM/Ta0e1BCVz9I/AAAAAAAAACk/LINtmB0YQsY/comment_avatar.png") no-repeat scroll center #E9E8E8;border:2px solid #E9E8E8;height:50px;left:10px;position:absolute;width:50px;margin-top:5px;}
#comments-block .avatar-image-container img {float:right;height:50px;width:50px;border:medium none !important;}
#comments-block .avatar-image-container.avatar-stock img {border-width: 0;padding: 0px;}
#comments-block .comment-body {background:#fff;padding-left: 75px !important;padding:5px;border-left:1px solid #E9E8E8;border-right:1px solid #E9E8E8;}
#comments-block .comment-body p {margin:0 0 0.75em;}
#comments-block .comment-footer {background:#fff;border: 1px solid #E9E8E8;border-top:medium none;font-size:10px;padding:5px 5px 5px 75px;text-decoration:none;font-style:italic;margin: 0 0 15px 0 !important;}
#comments-block .comment-footer a{text-decoration:none;}
#blog-pager {clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
.Profile img {border: 5px solid;border-radius: 6px 6px 6px 6px;float: left;margin: 5px 10px 5px 0;padding: 1px;}
.profile-data {font: bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;margin: 0;text-transform: capitalize;}
.profile-datablock {margin:0.5em 0;}
.profile-textblock {line-height:1.6em;margin:0.5em 0;}
a.profile-link {clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}
h2.date-header, .PageList h2, .blog-feeds{display:none !important;}
#blog-pager-older-link a, #blog-pager-newer-link a, a.home-link, .showpageOf , .showpageNum a, .showpage a{background: #fff;border: 1px solid #d2d2d2;color:#828282;margin:2px;padding:3px 7px;text-decoration:none;}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .showpagePoint, .showpageNum a:hover, .showpage a:hover{background: #fff;border: 1px solid #d2d2d2;color:#00a4df;margin:2px;padding:3px 7px;}
ul.tabs {margin: 0 0 0 -13px !important;padding: 0;float: left;list-style: none;width: 320px;background: #f1f1f1;font-family: 'PT Sans Narrow';}
ul.tabs li {float: left;margin: 0px 0px 0 0 !important;padding: 5px 15px 0 !important;line-height:44px;overflow: hidden;border-right: 1px solid #d2d2d2;}
ul.tabs li a {text-decoration: none;color: #979797 !important;display: block;font-size: 12px;text-transform: uppercase;outline: none;}
ul.tabs li.third {border-right: 0;}
ul.tabs li a:hover {color: #fff !importnat;text-decoration: none !important;}
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a {background: #fff !important;border-bottom: 0 !important;padding-bottom: 1px;}
ul.tabs li.active {border-right: 1px solid #d2d2d2;}
.tab_container {border-top: none;clear: both;float: left;width: 100%;}
.tab_content {padding: 20px 0 0 !important;}
.tab_content h2 {font-weight: normal;padding-bottom: 10px;font-size: 1.8em;}
.tab_content h3 a{color: #254588;}
.tab_content img {float: left;margin: 0 17px 0px 0;padding: 0px;}
.tab_content li {background: none !important;clear: both;border-bottom: 1px solid #d2d2d2;padding: 0 13px 10px !important;margin: 0 0 10px 0 !important;}
#showcase {overflow: hidden;height: 395px;}
#awOnePageButton .view-slide{display: none;}
.showcase-load{height: 470px;overflow: hidden;}
.showcase-onepage{}
.showcase{position: relative;margin: auto;background: #f1f1f1;border: 1px solid #d2d2d2;padding: 0px 0px 9px;box-shadow: 0 2px 7px #dddddd;}
.showcase-content-container{background-color: #000;}
.showcase-arrow-previous, .showcase-arrow-next{position: absolute;background: url('http://2.bp.blogspot.com/-nMvTAPGRej8/TwmArh2XpdI/AAAAAAAABGI/a1uTWmhdFiQ/s1600/arrows.png');width: 35px;height: 31px;top: 220px;cursor: pointer;z-index: 99999;opacity: 0.95;}
.showcase-arrow-previous{right: 35px;background-position: 0 0;top: 274px;}
.showcase-arrow-next{right: 0px;top: 274px;background-position: -34px 0;}
.showcase-content{background-color: #000;text-align: center;}
.showcase-content-wrapper{text-align: center;height: 470px;width: 700px;display: table-cell;vertical-align: middle;}
.showcase-plus-anchor{background-image: url('http://2.bp.blogspot.com/-qK29wmNlEVE/TwmAtHHmhiI/AAAAAAAABGg/a34GwwbCZZY/s1600/plus.png');background-repeat: no-repeat;}
.showcase-plus-anchor:hover{background-position: -32px 0;}
div.showcase-tooltip{background-color: #fff;color: #000;text-align: left;padding: 5px 8px;background-image: url(http://4.bp.blogspot.com/-cQzI7CEN2Fk/TwmAtjyiPxI/AAAAAAAABGo/OUlPJt1d4iY/s1600/white-opacity-80.png);}
.showcase-caption{color: #000;padding: 10px;width: 323px;text-align: left;position: absolute;bottom: 0px;left: 0px;display: none;background: #282828 url(http://2.bp.blogspot.com/-scf6QhcxXM4/TwmAstvqXdI/AAAAAAAABGY/hO-6h1eM2EI/s1600/caption.jpg) repeat-x;border: 1px solid #000000;opacity: 0.95;}
h2.stitle a, h2.stitle a:visited {color: #fff;text-shadow: 1px 0 1px #000;font-size: 16px;text-transform: uppercase;display: inline-block;margin: 5px 0 8px 0;}
.showcase-caption p {color: #757575;font-size: 12px;}
.showcase-onepage .showcase-content{margin-bottom: 10px;}
.showcase-button-wrapper{clear: both;margin-top: 10px;text-align: center;}
.showcase-button-wrapper span{margin-right: 3px;padding: 2px 5px 0px 5px;cursor: pointer;font-size: 12px;color: #444444;}
.showcase-button-wrapper span.active{color: #fff;}
.showcase-thumbnail-container{}
.showcase-thumbnail-wrapper{overflow: hidden;}
.showcase-thumbnail{width: 140px;height: 75px;cursor: pointer;border: solid 1px #d2d2d2;position: relative;}
.showcase-thumbnail-caption{position: absolute;bottom: 2px;padding-left: 10px;padding-bottom: 5px;}
.showcase-thumbnail-content{padding: 10px;text-align: center;padding-top: 25px;}
.showcase-thumbnail-cover{background-image: url(http://1.bp.blogspot.com/-X9XqC8Ytq7A/TwmBPVuEkwI/AAAAAAAABG8/89sg5NsJ8Vc/s1600/black-opacity-40.png);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.showcase-thumbnail:hover{border: solid 1px #000;}
.showcase-thumbnail:hover .showcase-thumbnail-cover{display: none;}
.showcase-thumbnail.active{border: solid 1px #000;}
.showcase-thumbnail.active .showcase-thumbnail-cover{display: none;}
.showcase-thumbnail-wrapper-horizontal{padding: 10px 10px 0;}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail{margin-right: 16px;width: 140px;}
.showcase-thumbnail-wrapper-vertical{padding: 10px;}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail{margin-bottom: 10px;}
.showcase-thumbnail-button-backward,.showcase-thumbnail-button-forward{padding: 7px;cursor: pointer;}
.showcase-thumbnail-button-backward{padding-bottom: 0px;padding-right: 0px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal{background-image: url(http://1.bp.blogspot.com/-fdS80jIh9kI/TwmAr9k3PCI/AAAAAAAABGM/Rdsokz7v0uM/s1600/arrows-small.png);background-repeat: no-repeat;display: none;width: 17px;height: 17px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical{background-position: 0 -51px;margin-left: 55px;}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical{background-position: -17px -51px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical{background-position: 0 -34px;margin-left: 55px;}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical{background-position: -17px -34px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal{background-position: 0 -17px;margin-top: 40px;margin-bottom: 40px;}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal{background-position: -17px -17px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal{background-position: 0 0;margin-top: 40px;margin-bottom: 40px;}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal{background-position: -17px 0;}
.showcase-thumbnail-button-forward span span,.showcase-thumbnail-button-backward span span{display: none;}
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;float: none;}
.tabber {border: 1px solid #D2D2D2 !important;padding: 0 13px !important;width: 292px;}
.tabber h2{display:none;}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*

    Awkward Showcase - jQuery plugin
    http://www.jquery.com
    http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin
    http://demo.awkwardgroup.com/showcase
    Version: 1.1.1

    Copyright (C) 2011 Awkward Group (http://www.awkwardgroup.com)
    Licensed under Attribution-ShareAlike 3.0 Unported
    http://creativecommons.org/licenses/by-sa/3.0/

    Markup example for jQuery("#showcase").awShowcase();

    <div id="showcase" class="showcase">
        <!-- Each child div in #showcase represents a slide -->
        <div class="showcase-slide">
            <!-- Put the slide content in a div with the class .showcase-content -->
            <div class="showcase-content">
                <!-- If the slide contains multiple elements you should wrap them in a div with the class .showcase-content-wrapper.
                We usually wrap even if there is only one element, because it looks better. :-) -->
                <div class="showcase-content-wrapper">
                    <img src="images/01.jpg" alt="01" />
                </div>
            </div>
            <!-- Put the caption content in a div with the class .showcase-caption -->
            <div class="showcase-caption">
                The Caption
            </div>
            <!-- Put the tooltips in a div with the class .showcase-tooltips. -->
            <div class="showcase-tooltips">
                <!-- Each anchor in .showcase-tooltips represents a tooltip. The coords attribute represents the position of the tooltip. -->
                <a href="http://www.awkward.se" coords="634,130">
                    <!-- The content of the anchor-tag is displayed in the tooltip. -->
                    This is a tooltip that displays the anchor html in a nice way.
                </a>
                <a href="http://www.awkward.se" coords="356, 172">
                    <!-- You can add multiple elements to the anchor-tag which are display in the tooltip. -->
                    <img src="images/glasses.png" />
                    <span style="display: block; font-weight: bold; padding: 3px 0 3px 0; text-align: center;">
                        White Glasses: 500$
                    </span>
                </a>
            </div>
        </div>
        <div class="showcase-slide">
            <div class="showcase-content">
                <div class="showcase-content-wrapper">
                    Content...
                </div>
            </div>
        </div>
    </div>

*/

(function(jQuery){jQuery.fn.awShowcase=function(options){var defaults={content_width:700,content_height:470,fit_to_parent:false,auto:false,in​terval:3000,continuous:false,loading:true,tooltip_width:200,tooltip_icon_width:3​2,tooltip_icon_height:32,tooltip_offsetx:18,tooltip_offsety:0,arrows:true,button​s:true,btn_numbers:false,keybord_keys:false,mousetrace:false,pauseonover:true,st​oponclick:true,transition:'hslide',transition_delay:300,transition_speed:500,sho​w_caption:'onload',thumbnails:false,thumbnails_position:'outside-last',thumbnails_direction:'vertical',thumbnails_slidex:0,dynamic_height:false,s​peed_change:false,viewline:false,fullscreen_width_x:15,custom_function:null};opt​ions=jQuery.extend(defaults,options);var current_id=0;var previous_id=0;var break_loop=false;var pause_loop=false;var myInterval=null;var showcase=jQuery(this);var showcase_width=options.content_width;var animating=false;var content_viewline_width=10000;var animation_distance=0;var old_animation_distance=0;var remaining_width=0;var content_container=jQuery(document.createElement('div')).css('overflow','hidden')​.css('position','relative').addClass('showcase-content-container').prependTo(showcase);if(options.fit_to_parent){showcase_width=jQuery(​showcase).width()+options.fullscreen_width_x}if(options.viewline){options.thumbn​ails=false;options.dynamic_height=false;content_container.css('width',content_vi​ewline_width);showcase.css('overflow','hidden');$('.showcase-arrow-previous').hide()}var contentArray=[];var thumbnailArray=[];var content_count=0;showcase.children('.showcase-slide').each(function(){var object=jQuery(this);content_count++;if(options.thumbnails){var thumb=object.find('.showcase-thumbnail');thumbnailArray.push(thumb);thumb.remove()}var object_width=object.find('.showcase-content').children().width();var object_height=object.find('.showcase-content').children().height();contentArray.push(object.html());object.remove();v​ar new_object=getContent(content_count-1);if(options.viewline||content_count===1){content_container.append(new_object)}​if(options.viewline){new_object.css('position','relative');new_object.css('float​','left');new_object.css('width',object_width)}if(options.dynamic_height){new_ob​ject.css('height',object_height);if(content_count===1){content_container.css('he​ight',object_height)}}else{new_object.css('height',options.content_height);if(co​ntent_count===1){content_container.css('height',options.content_height)}}if(opti​ons.viewline||content_count===1){displayAnchors(new_object);displayCaption(new_o​bject);if(options.show_caption==='show'){jQuery(new_object).find('.showcase-caption').show()}}});var thumb_wrapper;var thumbnailStretch=0;var thumbnailsPerPage=0;if(options.thumbnails){thumb_container=jQuery('<div />');thumb_restriction=jQuery('<div />');thumb_wrapper=jQuery('<div />');for(i=thumbnailArray.length-1;i>=0;--i){var thumbnail=jQuery(thumbnailArray[i]).css({'overflow':'hidden'});thumbnail.attr('id','showcase-thumbnail-'+i);thumbnail.addClass((i===0)?'active':'');thumbnail.click(function(a,b){retur​n function(){if(myInterval){pause_loop=true;clearInterval(myInterval)}changeConten​t(a,b)}}(i,''));thumb_wrapper.prepend(thumbnail)}if(options.thumbnails_position=​=='outside-first'||options.thumbnails_position==='outside-last'){if(options.thumbnails_direction!=='horizontal'){content_container.css('fl​oat','left');content_container.css('width',options.content_width);thumb_containe​r.css('float','left');thumb_container.css('height',options.content_height)}else{​jQuery(thumb_wrapper).find('.showcase-thumbnail').css('float','left')}if(options.thumbnails_position==='outside-last'){showcase.append(thumb_container);if(options.thumbnails_direction!=='horiz​ontal'){showcase.append(jQuery('<div />').addClass('clear'))}}else{showcase.prepend(thumb_container);if(options.thum​bnails_direction!=='horizontal'){showcase.append(jQuery('<div />').addClass('clear'))}}}else{thumb_container.css({'position':'absolute','z-index':20});if(options.thumbnails_direction==='horizontal'){thumb_container.css(​{'left':0,'right':0});jQuery(thumb_wrapper).find('.showcase-thumbnail').css('float','left');jQuery(thumb_wrapper).append(jQuery('<div />').addClass('clear'));if(options.thumbnails_position==='inside-first'){thumb_container.css('top',0)}else{thumb_container.css('bottom',0)}}else{​thumb_container.css({'top':0,'bottom':0});if(options.thumbnails_position==='insi​de-first'){thumb_container.css('left',0)}else{thumb_container.css('right',0)}}conte​nt_container.prepend(thumb_container)}thumb_container.addClass('showcase-thumbnail-container');thumb_container.css('overflow','hidden');thumb_restriction.addClass(​'showcase-thumbnail-restriction');thumb_restriction.css({'overflow':'hidden','position':'relative'})​;if(options.thumbnails_direction==='horizontal'){thumb_restriction.css({'float':​'left'})}thumb_wrapper.addClass('showcase-thumbnail-wrapper');if(options.thumbnails_direction==='horizontal'){thumb_wrapper.addClass​('showcase-thumbnail-wrapper-horizontal')}else{thumb_wrapper.addClass('showcase-thumbnail-wrapper-vertical')}thumb_wrapper.css('position','relative');thumb_restriction.append(thu​mb_wrapper);thumb_container.append(thumb_restriction);var buttonBackward=jQuery('<div class="showcase-thumbnail-button-backward" />');if(options.thumbnails_direction!=='horizontal'){buttonBackward.html('<span class="showcase-thumbnail-vertical"><span>Up</span></span>')}else{buttonBackward.css({'float':'left'});buttonBackward.html('<span class="showcase-thumbnail-horizontal"><span>Left</span></span>')}buttonBackward.click(function(){slideThumbnailWrapper('backward',false,tru​e)});thumb_container.prepend(buttonBackward);var buttonForward=jQuery('<div class="showcase-thumbnail-button-forward" />');if(options.thumbnails_direction!=='horizontal'){buttonForward.html('<span class="showcase-thumbnail-vertical"><span>Down</span></span>')}else{buttonForward.css({'float':'left'});buttonForward.html('<span class="showcase-thumbnail-horizontal"><span>Right</span></span>')}buttonForward.click(function(){slideThumbnailWrapper('forward',false,true)​});thumb_container.append(buttonForward);var thumbnailVisibleStretch=0;if(options.thumbnails_direction!=='horizontal'){thumbn​ailVisibleStretch=getElementHeight(thumb_wrapper,false);thumbnailVisibleStretch+​=(getElementHeight(buttonBackward))+(getElementHeight(buttonForward));while(thum​bnailVisibleStretch<options.content_height){thumbnailVisibleStretch+=getElementHeight(jQuery(thum​bnailArray[0]));thumbnailsPerPage++}}else{thumbnailVisibleStretch=getElementWidth(thumb_wrapp​er,false);thumbnailVisibleStretch+=(getElementWidth(buttonBackward))+(getElement​Width(buttonForward));while(thumbnailVisibleStretch<showcase_width){thumbnailVisibleStretch+=getElementWidth(jQuery(thumbnailArra​y[0]));thumbnailsPerPage++}}if(thumbnailsPerPage+1>thumbnailArray.length){if(options.thumbnails_direction!=='horizontal'){thumb_​restriction.css('margin-top',getElementHeight(buttonBackward))}else{thumb_restriction.css('margin-left',getElementWidth(buttonBackward))}buttonBackward.hide();buttonForward.hide(​)}if(options.thumbnails_direction!=='horizontal'){var buttonsHeight=(getElementHeight(buttonBackward))+(getElementHeight(buttonForward​));thumb_restriction.css('height',options.content_height-buttonsHeight)}else{var buttonsWidth=(getElementWidth(buttonBackward))+(getElementWidth(buttonForward));​thumb_restriction.css('width',showcase_width-buttonsWidth)}if(options.thumbnails_direction==='horizontal'){jQuery('.showcase-thumbnail').each(function(){thumbnailStretch+=getElementWidth(jQuery(this))});th​umb_wrapper.css('width',thumbnailStretch)}else{jQuery('.showcase-thumbnail').each(function(){thumbnailStretch+=getElementHeight(jQuery(this))})}}​if(options.thumbnails&&options.thumbnails_position.indexOf("outside")!==-1&&options.thumbnails_direction!=='horizontal'&&!options.viewline){showcase.css('width',showcase_width+getElementWidth(thumb​_wrapper,true,false))}else if(!options.fit_to_parent){showcase.css('width',showcase_width)}if(content_count​>1&&options.auto){myInterval=window.setInterval(autoChange,options.interval)}if(​options.auto&&options.pauseonover){showcase.mouseenter(function(){break_loop=true;clearInt​erval(myInterval)});showcase.mouseleave(function(){if(!pause_loop){break_loop=fa​lse;myInterval=window.setInterval(autoChange,options.interval)}})}if(options.arr​ows&&content_count>1){jQuery(document.createElement('div')).addClass('showcase-arrow-previous').prependTo(showcase).click(function(){if(myInterval){if(options.stopon​click){pause_loop=true}clearInterval(myInterval)}changeContent((current_id===0)?​content_count-1:parseInt(current_id)-1,'previous')});jQuery(document.createElement('div')).addClass('showcase-arrow-next').prependTo(showcase).click(function(){if(myInterval){if(options.stoponclic​k){pause_loop=true}clearInterval(myInterval)}changeContent(current_id+1,'next')}​);if(options.viewline){$('.showcase-arrow-previous').hide()}}if(options.buttons&&content_count>1){jQuery(document.createElement('div')).css('clear','both').addClass('showca​se-button-wrapper').appendTo(showcase);i=0;while(i<content_count){jQuery(document.createElement('span')).attr('id','showcase-navigation-button-'+i).addClass((i===0)?'active':'').html((options.btn_numbers)?parseInt(i)+1:'●')​.click(function(a,b){return function(){if(myInterval){if(options.stoponclick){pause_loop=true}clearInterval(​myInterval)}changeContent(a,b)}}(i,'')).appendTo(jQuery(showcase).find('.showcas​e-button-wrapper'));i++}}if(options.keybord_keys){jQuery(document).keydown(function(e){if​(options.stoponclick){pause_loop=true}if(myInterval)clearInterval(myInterval);if​(e.keyCode===37){changeContent((current_id===0)?content_count-1:parseInt(current_id)-1,'previous')}if(e.keyCode===39){changeContent((current_id===content_count-1)?0:parseInt(current_id)+1,'next')}})}function getContent(id){var new_content=jQuery(document.createElement('div')).attr('id','showcase-content-'+id).css('overflow','hidden').css('position','absolute').addClass('showcase-content').html(contentArray[id]);if(!options.viewline){new_content.css('width',options.content_width)}if(option​s.fit_to_parent&&!options.viewline){new_content.css('left',(showcase_width/2)-options.content_width/2)}return new_content}function autoChange(){var nextID=parseInt(current_id)+1;if(nextID===content_count&&options.continuous){nextID=0}else if(nextID===content_count&&!options.continuous){break_loop=true;clearInterval(myInterval)}if(!break_loo​p){changeContent(nextID,'next')}}function changeContent(id,direction){if(current_id!==id&&!animating){var obj;var obj2;var delay=0;var i;var lrpos=(options.fit_to_parent)?(showcase_width/2)-(options.content_width/2):0;if((id>current_id&&direction!=='previous')||direction==='next'){if(options.viewline){if(current​_id<content_count-1){if(!options.speed_change){animating=true}updateContentViewlineWidth();if(opti​ons.pauseonover){window.clearInterval(myInterval)}remaining_width=0;for(i=curren​t_id+1,len=content_count;i<len;++i){obj=addedContentArray[i];remaining_width+=obj.find('.showcase-content').children().width()}if(remaining_width>showcase_width){old_animation_distance=animation_distance;animation_distance-=addedContentArray[current_id].find('.showcase-content').children().width()}else if($('.showcase-arrow-next').is(':visible')){old_animation_distance=animation_distance;animation_dista​nce=-(content_viewline_width-(remaining_width+(showcase_width-remaining_width)));$('.showcase-arrow-next').fadeOut(300)}content_container.animate({left:animation_distance+'px'},opt​ions.transition_speed,function(){animating=false});if($('.showcase-arrow-next').is(':visible')){current_id++}$('.showcase-arrow-previous').fadeIn(300)}}else{if(!options.speed_change){animating=true}obj=jQuery​(showcase).find('#showcase-content-'+parseInt(current_id));obj2=getContent(id);content_container.append(obj2);if(op​tions.dynamic_height){obj2.css('height',obj2.find('.showcase-content').children().height())}else{obj2.css('height',options.content_height)}if​(obj.find('.showcase-content').children().height()>obj2.find('.showcase-content').children().height()&&options.dynamic_height){content_container.stop(true,true).animate({height:ob​j2.find('.showcase-content').children().height()},200);delay=100}if(options.transition==='hslide'){​jQuery(obj).delay(delay).animate({left:-(options.content_width)},options.transition_speed+options.transition_delay,funct​ion(){obj.remove()})}else if(options.transition==='vslide'){jQuery(obj).delay(delay).animate({top:-(options.content_height)},options.transition_speed+options.transition_delay,func​tion(){obj.remove()})}else{jQuery(obj).delay(delay).fadeOut(options.transition_s​peed,function(){obj.remove()})}displayAnchors(obj,true);displayCaption(obj,true)​;if(options.transition==='hslide'){obj2.css('left',showcase_width);jQuery(obj2).​delay(delay).animate({left:lrpos},options.transition_speed,function(){displayAnc​hors(obj2);displayCaption(obj2);afterAnimation(obj2)})}else if(options.transition==='vslide'){obj2.css('top',showcase.height());jQuery(obj2)​.delay(delay).animate({top:'0px'},options.transition_speed,function(){displayAnc​hors(obj2);displayCaption(obj2);afterAnimation(obj2)})}else{obj2.css('left',lrpo​s);obj2.css('display','none');jQuery(obj2).delay(delay).fadeIn(options.transitio​n_speed,function(){displayAnchors(obj2);displayCaption(obj2);afterAnimation(obj2​)})}}}else if(id<current_id||direction==='previous'){if(options.viewline){if(current_id!==0){i​f(!options.speed_change){animating=true}updateContentViewlineWidth();if(options.​pauseonover){window.clearInterval(myInterval)}content_container.animate({left:ol​d_animation_distance+'px'},options.transition_speed,function(){animating=false})​;animation_distance=old_animation_distance;current_id--;if(current_id===0){$('.showcase-arrow-previous').fadeOut(300)}old_id=current_id-1;sub_width=jQuery(addedContentArray[old_id]).width();old_animation_distance=old_animation_distance+sub_width}$('.showcase-arrow-next').fadeIn(300)}else{if(!options.speed_change){animating=true}obj=jQuery(show​case).find('#showcase-content-'+parseInt(current_id));obj2=getContent(id);content_container.append(obj2);if(op​tions.dynamic_height){obj2.css('height',obj2.find('.showcase-content').children().height())}else{obj2.css('height',options.content_height)}if​(obj.find('.showcase-content').children().height()>obj2.find('.showcase-content').children().height()&&options.dynamic_height){content_container.stop(true,true).animate({height:ob​j2.find('.showcase-content').children().height()},200);delay=100}if(options.transition==='hslide'){​jQuery(obj).delay(delay).animate({left:(showcase_width)+'px'},options.transition​_speed+options.transition_delay,function(){displayAnchors(obj,true);displayCapti​on(obj,true);obj.remove()})}else if(options.transition==='vslide'){jQuery(obj).delay(delay).animate({top:(options​.content_height)+'px'},options.transition_speed+options.transition_delay,functio​n(){displayAnchors(obj,true);displayCaption(obj,true);obj.remove()})}else{jQuery​(obj).delay(delay).fadeOut(options.transition_speed,function(){displayAnchors(ob​j,true);displayCaption(obj,true);obj.remove()})}if(options.transition==='hslide'​){obj2.css('left','-'+options.content_width+'px');jQuery(obj2).delay(delay).animate({left:lrpos},opt​ions.transition_speed,function(){displayAnchors(obj2);displayCaption(obj2);after​Animation(obj2)})}else if(options.transition==='vslide'){obj2.css('top','-'+showcase.height()+'px');jQuery(obj2).delay(delay).animate({top:'0px'},options.​transition_speed,function(){displayAnchors(obj2);displayCaption(obj2);afterAnima​tion(obj2)})}else{obj2.css('left',lrpos);obj2.css('display','none');jQuery(obj2)​.delay(delay).fadeIn(options.transition_speed,function(){displayAnchors(obj2);di​splayCaption(obj2);afterAnimation(obj2)})}content_container.append(obj2)}}if(!op​tions.viewline){previous_id=current_id;current_id=id;if(options.thumbnails){if((​current_id>previous_id&&direction!=='previous')||direction==='next'){slideThumbnailWrapper('forward'​,true)}else if(current_id<previous_id||direction==='previous'){slideThumbnailWrapper('backward',true)}}​if(options.arrows){jQuery(showcase).find('.showcase-arrow-previous').unbind('click').click(function(){if(myInterval){if(options.stoponclic​k){pause_loop=true}clearInterval(myInterval)}changeContent((current_id===0)?cont​ent_count-1:parseInt(current_id)-1,'previous')});jQuery(showcase).find('.showcase-arrow-next').unbind('click').click(function(){if(myInterval){if(options.stoponclick){p​ause_loop=true}clearInterval(myInterval)}changeContent((current_id===content_cou​nt-1)?0:parseInt(current_id)+1,'next')})}if(options.thumbnails){i=0;showcase.find('​.showcase-thumbnail').each(function(){var object=jQuery(this);object.removeClass('active');if(i===current_id){object.addCl​ass('active')}i++})}if(options.show_caption==='show'){jQuery(obj2).find('.showca​se-caption').show()}}if(options.buttons){i=0;showcase.find('.showcase-button-wrapper span').each(function(){var object=jQuery(this);object.removeClass('active');if(i===current_id){object.addCl​ass('active')}i++})}if(typeof options.custom_function=='function'){options.custom_function()}}}function afterAnimation(obj){if(options.dynamic_height){content_container.stop(true,true)​.animate({height:obj.find('.showcase-content').children().height()},200)}animating=false}var thumbnailSlidePosition=0;function slideThumbnailWrapper(direction,check,backwardforward){var doTheSlide=true;var thumbnailHeightOrWidth=getElementHeight(jQuery(thumb_wrapper).find('.showcase-thumbnail'));if(options.thumbnails_direction==='horizontal'){thumbnailHeightOrWi​dth=getElementWidth(jQuery(thumb_wrapper).find('.showcase-thumbnail'))}var multiplySlidePosition=1;if(options.thumbnails_slidex===0){options.thumbnails_sli​dex=thumbnailsPerPage}if(check){var thumbnailSlidePositionCopy=thumbnailSlidePosition;var thumbnailsScrolled=0;while(thumbnailSlidePositionCopy<0){if(options.thumbnails_direction==='horizontal'){thumbnailSlidePositionCopy​+=getElementWidth(jQuery(thumbnailArray[0]))}else{thumbnailSlidePositionCopy+=getElementHeight(jQuery(thumbnailArray[0]))}thumbnailsScrolled++}var firstVisible=thumbnailsScrolled;var lastVisible=thumbnailsPerPage+thumbnailsScrolled-1;if(current_id>=firstVisible&&current_id<=lastVisible){doTheSlide=false}var distance;if((current_id-lastVisible)>options.thumbnails_slidex){distance=current_id-lastVisible;while(distance>options.thumbnails_slidex){distance-=options.thumbnails_slidex;multiplySlidePosition++}}else if((firstVisible-current_id)>options.thumbnails_slidex){distance=firstVisible-current_id;while(distance>options.thumbnails_slidex){distance-=options.thumbnails_slidex;multiplySlidePosition++}}else{multiplySlidePosition=1​}}if(direction==='forward'&&doTheSlide){if(options.thumbnails_direction==='vertical'&&options.content_height<(thumbnailStretch+thumbnailSlidePosition)){thumbnailSlidePosition-=thumbnailHeightOrWidth*(options.thumbnails_slidex*multiplySlidePosition)}else if(options.thumbnails_direction==='horizontal'&&options.content_width<(thumbnailStretch+thumbnailSlidePosition)){thumbnailSlidePosition-=thumbnailHeightOrWidth*(options.thumbnails_slidex*multiplySlidePosition)}else if(current_id===0){if(!backwardforward){thumbnailSlidePosition=0}}if(options.thu​mbnails_direction==='horizontal'){thumb_wrapper.animate({left:thumbnailSlidePosi​tion},300)}else{thumb_wrapper.animate({top:thumbnailSlidePosition},300)}}else if(doTheSlide){if(thumbnailSlidePosition<0){thumbnailSlidePosition+=thumbnailHeightOrWidth*(options.thumbnails_slidex*​multiplySlidePosition)}else if(current_id===content_count-1){if(!backwardforward){thumbnailSlidePosition-=thumbnailHeightOrWidth*(options.thumbnails_slidex*multiplySlidePosition)}}else{​thumbnailSlidePosition=0}if(options.thumbnails_direction==='horizontal'){thumb_w​rapper.animate({left:thumbnailSlidePosition},300)}else{thumb_wrapper.animate({to​p:thumbnailSlidePosition},300)}}}function displayCaption(container,fadeOut){var caption=container.find('.showcase-caption');if(!fadeOut){if(options.show_caption==='onload'){caption.fadeIn(300)}e​lse if(options.show_caption==='onhover'){jQuery(container).mouseenter(function(){cap​tion.fadeIn(300)});jQuery(container).mouseleave(function(){caption.stop(true,tru​e).fadeOut(100)})}}else{caption.stop(true,true).fadeOut(300)}}function displayAnchors(container,fadeOut){container.find('.showcase-tooltips a').each(function(){if(!fadeOut){var coords=jQuery(this).attr('coords');coords=coords.split(',');jQuery(this).addClas​s('showcase-plus-anchor');jQuery(this).css('position','absolute');jQuery(this).css('display','non​e');jQuery(this).css('width',options.tooltip_icon_width);jQuery(this).css('heigh​t',options.tooltip_icon_height);jQuery(this).css('left',parseInt(coords[0])-(parseInt(options.tooltip_icon_width)/2));jQuery(this).css('top',parseInt(coords[1])-(parseInt(options.tooltip_icon_height)/2));var content=jQuery(this).html();jQuery(this).mouseenter(function(){animateTooltip(co​ntainer,coords[0],coords[1],content)});jQuery(this).mouseleave(function(){animateTooltip(container,coords[0],coords[1],content)});jQuery(this).html('');jQuery(this).fadeIn(300)}else{jQuery(this).sto​p(true,true).fadeOut(300)}})}var tooltip=null;function animateTooltip(container,x,y,content){if(tooltip===null){tooltip=jQuery(document​.createElement('div')).addClass('showcase-tooltip').css('display','none').css('position','absolute').css('max-width',options.tooltip_width).html(content);container.append(tooltip);var tooltip_paddingx=parseInt(tooltip.css('padding-right'))*2+parseInt(tooltip.css('border-right-width'))*2;var tooltip_paddingy=parseInt(tooltip.css('padding-bottom'))*2+parseInt(tooltip.css('border-bottom-width'))*2;lastx=parseInt(x)+tooltip.width()+tooltip_paddingx;lasty=parseInt(y)+​tooltip.height()+tooltip_paddingy;if(lastx<options.content_width){tooltip.css('left',parseInt(x)+parseInt(options.toolti​p_offsetx))}else{tooltip.css('left',(parseInt(x)-parseInt(options.tooltip_offsetx))-(parseInt(tooltip.width())+parseInt(options.tooltip_offsetx)))}if(lasty<options.content_height){tooltip.css('top',parseInt(y)+parseInt(options.toolti​p_offsety))}else{tooltip.css('top',(parseInt(y)-parseInt(options.tooltip_offsety))-(parseInt(tooltip.height())+parseInt(tooltip_paddingy)))}tooltip.fadeIn(400)}els​e{tooltip.fadeOut(400);tooltip.remove();tooltip=null}}function getElementHeight(el,incHeight,incMargin,incPadding,incBorders){incHeight=typeof(​incHeight)!=='undefined'?incHeight:true;incMargin=typeof(incMargin)!=='undefined​'?incMargin:true;incPadding=typeof(incPadding)!=='undefined'?incPadding:true;inc​Borders=typeof(incBorders)!=='undefined'?incBorders:true;var elHeight=(incHeight)?jQuery((el)).height():0;var elMargin=(incMargin)?parseFloat(jQuery((el)).css('margin-top'))+parseFloat(jQuery(el).css('margin-bottom')):0;var elPadding=(incPadding)?parseFloat(jQuery((el)).css('padding-top'))+parseFloat(jQuery(el).css('padding-bottom')):0;var elBorder=(incBorders)?parseFloat(jQuery((el)).css('border-top-width'))+parseFloat(jQuery((el)).css('border-bottom-width')):0;elHeight+=elMargin+elPadding+elBorder;return elHeight}function getElementWidth(el,incWidth,incMargin,incPadding,incBorders){incWidth=typeof(inc​Width)!=='undefined'?incWidth:true;incMargin=typeof(incMargin)!=='undefined'?inc​Margin:true;incPadding=typeof(incPadding)!=='undefined'?incPadding:true;incBorde​rs=typeof(incBorders)!=='undefined'?incBorders:true;var elWidth=(incWidth)?jQuery((el)).width():0;var elMargin=(incMargin)?parseFloat(jQuery((el)).css('margin-left'))+parseFloat(jQuery(el).css('margin-right')):0;var elPadding=(incPadding)?parseFloat(jQuery((el)).css('padding-left'))+parseFloat(jQuery((el)).css('padding-right')):0;var elBorder=(incBorders)?parseFloat(jQuery((el)).css('border-left-width'))+parseFloat(jQuery((el)).css('border-right-width')):0;elWidth+=elMargin+elPadding+elBorder;return elWidth}if(options.mousetrace){var mousetrace=jQuery(document.createElement('div')).css('position','absolute').css(​'top','0').css('background-color','#fff').css('color','#000').css('padding','3px 5px').css('x-index','30').html('X: 0 Y: 0');showcase.append(mousetrace);var offset=showcase.offset();content_container.mousemove(function(e){mousetrace.html​('X: '+(e.pageX-offset.left)+' Y: '+(e.pageY-offset.top))})}$('#awOnePageButton').click(function showInOnePage(){if($('.view-page').is(':visible')){var temp_container=jQuery(document.createElement('div'));temp_container.addClass('sh​owcase-onepage');showcase.before(temp_container);if(myInterval){pause_loop=true;clearIn​terval(myInterval)}$(this).find('.view-page').hide();$(this).find('.view-slide').show();showcase.hide();$.each(contentArray,function(index,value){obj=get​Content(index);obj.css('position','relative');temp_container.append(obj);display​Anchors(obj);displayCaption(obj);if(options.dynamic_height){obj.css('height',obj​.find('.showcase-content').children().height())}else{obj.css('height',options.content_height)}});​var clear=jQuery(document.createElement('div'));clear.addClass('clear');temp_contain​er.append(clear)}else{$('.showcase-onepage').remove();$(this).find('.view-page').show();$(this).find('.view-slide').hide();showcase.show()}return false});var addedContentArray=[];function updateContentViewlineWidth(){content_viewline_width=0;content_container.children​('div').each(function(){content_viewline_width+=$(this).find('.showcase-content').children().width();addedContentArray.push($(this))})}showcase.removeCl​ass('showcase-load')}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
  //<![CDATA[
$(document).ready(function() {
if($('#nav2 li:first-child:not(ul.children li)').hasClass('selected')){
  $('#nav2 li:first-child:not(ul.children li)').addClass('first');
}
  $('#nav2 li:first-child:not(ul.children li)').hover(function(){$(this).addClass('firstac')}, function(){$(this).removeClass('firstac')});
  $('#sidebar ul li:last-child:not(ul.children li)').addClass('last');
    $("#showcase").awShowcase({
        content_width:            650,
        content_height:            305,
        fit_to_parent:            false,
        auto:                true,
        interval:            3000,
        continuous:            false,
        loading:            true,
        tooltip_width:            200,
        tooltip_icon_width:        32,
        tooltip_icon_height:        32,
        tooltip_offsetx:        18,
        tooltip_offsety:        0,
        arrows:                true,
        buttons:            false,
        btn_numbers:            false,
        keybord_keys:            true,
        mousetrace:            false, /* Trace x and y coordinates for the mouse */
        pauseonover:            true,
        stoponclick:            true,
        transition:            'hslide', /* hslide/vslide/fade */
        transition_delay:        300,
        transition_speed:        500,
        show_caption:            'onload', /* onload/onhover/show */
        thumbnails:            true,
        thumbnails_position:        'outside-last', /* outside-last/outside-first/inside-last/inside-first */
        thumbnails_direction:        'horizontal', /* vertical/horizontal */
        thumbnails_slidex:        0, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
        dynamic_height:            false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
        speed_change:            false, /* Set to true to prevent users from swithing more then one slide at once. */
        viewline:            false /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
    });
});
  //]]>
</script>
<script type='text/javascript'>
var thumbnail_mode = &quot;left&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 145;
img_thumb_width = 195;
</script>
<script type='text/javascript'>
  //<![CDATA[
  function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(cbt1, cbt2, cbt3, cbt4){
    var div = document.getElementById(cbt1);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {    
        imgtag = '<a href="'+cbt3+'"><img class"post_thumbnail" src="'+img[0].src+'" width="299" height="149"/></a>';
        summ = summary_img;
    }
    
    var summary = imgtag + '<a class="comm" href="'+cbt3+'#comments">'+cbt4+'</a><h3 class="post-title"><a href="'+cbt3+'">'+cbt2+'</a></h3><div class="entry">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
  //]]>
</script>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
h3.post-title {margin-bottom: 10px;line-height: 21px;font-size: 20px;text-transform: uppercase;}
.post {display: block;float: left;height: 475px;margin-bottom: 20px;margin-right:7px;padding: 9px 9px 0;width: 300px;}
</style>
</b:if>
  </head>

<body>
  <div id='blogouter-wrapper'>
    <div id='bloginner-wrapper'>
      <div id='topwrap'>
        <b:section id='top' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList152' locked='true' title='Top Nav' type='LinkList'/>
</b:section>
        <div style='clear:borh'/>
      </div>
      <div id='main-wrapper'>
        
      <div id='header-wrapper'>
            <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'/>
        <b:section class='bannerad' id='bannerad' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML101' locked='true' title='Banner Ad' type='HTML'/>
</b:section>
        <div style='clear:borh'/>
      </div><!-- /header-wrapper -->
      <div style='clear:borh'/>

        <b:section id='nav2' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList164' locked='true' title='Main Nav' type='PageList'/>
</b:section>
        <div style='clear:borh'/>
        <div id='content-wrapper'>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:section id='slider-cbt' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML104' locked='true' title='Slider(Do Not Edit Here!)' type='HTML'/>
</b:section>
      </b:if>
        <div style='clear:borh'/>
          <b:section class='content-cbt' id='content' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posty w blogu' type='Blog'/>
<b:widget id='Navbar1' locked='true' title='Pasek nawigacyjny' type='Navbar'/>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
<script type='text/javascript'>
var postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv200-min.js' type='text/javascript'/>
        </div><!-- content-wrapper -->
      
        <div id='sidebar-wrapper'>
<b:section class='' id='single-widget' maxwidgets='1'/>
<script type='text/javascript'>
$(document).ready(function() {
    $(&quot;.tab_content&quot;).hide();  
    $(&quot;ul.tabs li:first&quot;).addClass(&quot;active&quot;).show();  
    $(&quot;.tab_content:first&quot;).show();
    $(&quot;ul.tabs li&quot;).click(function() {
        $(&quot;ul.tabs li&quot;).removeClass(&quot;active&quot;);
        $(this).addClass(&quot;active&quot;);
        $(&quot;.tab_content&quot;).hide();  
        var activeTab = $(this).find(&quot;a&quot;).attr(&quot;href&quot;);
        $(activeTab).fadeIn();
        return false;
    });

});
</script>
<div class='tabber'>
    <ul class='tabs'>
        <li><a href='#tab1'>Popular</a></li>
        <li class='second'><a href='#tab2'>Latest Comments</a></li>
        <li class='third'><a href='#tab3'>Archive</a></li>
    </ul>
    <div class='tab_container'>
    <b:section class='tab_content' id='tab1' maxwidgets='1'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
</b:section>
    <b:section class='tab_content' id='tab2' maxwidgets='1'>
<b:widget id='Feed2' locked='false' title='Blogger Templates' type='Feed'/>
</b:section>
    <b:section class='tab_content' id='tab3' maxwidgets='1'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
    </div>
</div>
          <b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Sponsors' type='HTML'/>
<b:widget id='HTML245' locked='false' title='Search' type='HTML'/>
</b:section>
        </div><!-- /sidebar-wrapper -->
      
      </div><!-- /main-wrapper -->
      
      <div id='sb-wrap'>
<div id='footer-columns'>
        <b:section class='footer' id='footer1' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
        <b:section class='footer' id='footer2' showaddelement='yes'/>
        <b:section class='footer' id='footer3' showaddelement='yes'>
<b:widget id='Subscribe1' locked='false' title='Subscribe' type='Subscribe'/>
</b:section>
        <b:section class='footer' id='footer4' showaddelement='yes'/>
        <div style='clear:both;'/>
        
</div>
<div id='footerw'>
      <div id='footer'>
        <!-- Please do not edit following code, it may cause your site to stop working! -->
        <div class='alignleft'>&amp;copy; 2011 <data:blog.title/>. All Rights Reserved. </div>
        <div class='alignright'><a href='http://www.simplewpthemes.com/' target='_blank' title='Designed by SimpleWpThemes'>SimpleWpThemes</a> | Blogger Template by <a href='http://www.custombloggertemplates.com' target='_blank' title='Free Blogger Templates!'>CustomBloggerTemplates</a> | <a href='http://www.spiceupyourblog.com' target='_blank' title='SpiceUpYourBlog'>SpiceUpYourBlog</a></div>
        <div style='clear:both;'/>
    </div>
      </div>
      </div><!-- footer-wrapper -->
    
    </div><!-- /bloginner-wrapper -->
  </div><!-- /blogouter-wrapper -->
</body>
</html>
[/quote]



z góry bardzo dziękuję wszystkim którzy pomogą.
pozdrawiam
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
01-28-2013, 11:03 PM
Post: #2
RE: problem z galeria
Hej,
niestety to raczej nie to forum Smile Proponuję zapytać na forum Google w pomocy bloggera
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
Odpowiedz 


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości