برپایی آیین وحدت بخش نماز جمعه در کردستان

برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان برپایی آیین وحدت بخش نماز جمعه در کردستان #carousel190208, #thumbs190208 , #carousel_desc190208 { overflow: hidden; } #carousel-wrapper190208 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel-wrapper2190208 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel190208 span { display: block; float: left; } #carousel190208 img { display: block; } #thumbs190208 a, #thumbs190208 img { display: block; float: left; } #carousel_desc190208 span { width: 100%; /* height: 100%; */ display: block; float: left; position: relative; padding: 9px; text-align: center; } #carousel190208 span, #carousel190208 a, #thumbs190208 span, #thumbs190208 a { position: relative; display: block; height: 100%; } #carousel190208 img { border: none; max-width: 100%; margin:0 auto; height:100%; } #thumbs190208 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel190208 span { width: 554px; height: 313px; } #carousel_desc190208 span { width: 554px; height: auto; } #thumbs-wrapper190208 { padding: 20px 40px; position: relative; } #thumbs190208 a { border: 2px solid #899; width: 150px; height: 100px; margin: 0 10px; overflow: hidden; border-radius: 10px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs190208 a:hover, #thumbs190208 a.selected { border-color: #566; } .fluid_container_album img#shadow { width: 100%; position: absolute; bottom: 0; } .next_thumbnail190208 { background-position: -19px 0; right: 10px; } .next_thumbnail190208:hover { background-position: -19px -20px; } .prev_thumbnail190208 { background-position: 0 0; left: 10px; } .prev_thumbnail190208:hover { background-position: 0 -20px; } .next_thumbnail190208, .prev_thumbnail190208 { background-image: url("/client/themes/fa/main/img/carousel_nav.png"); display: block; height: 20px; margin-top: -10px; position: absolute; top: 50%; width: 19px; } $(function() { $('#carousel190208').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '56%' }, scroll: { fx: 'directscroll' } }); $('#carousel_desc190208').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '5%' }, scroll: { fx: 'directscroll' } }); $('#thumbs190208').carouFredSel({ responsive: true, circular: false, auto: false, prev: '.next_thumbnail190208', next: '.prev_thumbnail190208', items: { visible: { min: 2, max: 6 }, width: 150, height: '66%' } }); $('#thumbs190208 a').click(function() { $('#carousel190208').trigger('slideTo', '#' + this.href.split('#').pop() ); /* $('#carousel_desc190208').trigger('slideTo', '#' + this.href.split('#').pop() ); */ $('#thumbs190208 a').removeClass('selected'); $(this).addClass('selected'); return false; }); });