<!--
دیدار خانواده های شهیدان مدافع حرم با رهبر معظم انقلاب دیدار خانواده های شهیدان مدافع حرم با رهبر معظم انقلاب نبرد با داعش در کوه های حمرین نبرد با داعش در کوه های حمرین ذخیرهسازی میوه شب عید ذخیرهسازی میوه شب عید پرواز سارها در آسمان نمایش اتومبیل و موتور های مسابقه ای در تبریز حضور رئیس جمهور در نشست مجمع عمومی بانک مرکزی افتتاح موزه کتاب اعتراض نمادین هنرمند میانهای به تخریب آثار تاریخی اعتراض نمادین هنرمند میانهای به تخریب آثار تاریخی عملیات امداد و نجات جادهای در محورهای مواصلاتی استان زنجان رقابت های شتر دوانی
-->
#carousel2801, #thumbs2801 , #carousel_desc2801 { overflow: hidden; } #carousel-wrapper2801 .caroufredsel_wrapper img{ /*border-radius: 10px;*/ border : 2px solid #ddd } #carousel-wrapper22801 .caroufredsel_wrapper img{ /*border-radius: 10px;*/ border : 2px solid #ddd } #carousel2801 span, #carousel2801 img, #thumbs2801 a, #thumbs2801 img { display: block; float: left; } #carousel_desc2801 span { width: 100%; /* height: 100%; */ display: block; float: left; position: relative; padding: 9px; } #carousel2801 span, #carousel2801 a, #thumbs2801 span, #thumbs2801 a { position: relative; display: block; height: 100%; } #carousel2801 img, #thumbs2801 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel2801 span { width: 554px; height: 313px; } #carousel_desc2801 span { width: 554px; height: auto; } #thumbs-wrapper2801 { padding: 20px 40px; position: relative; } #thumbs2801 a { border: 1px solid #ddd; width: 150px; height: 100px; margin: 0 10px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs2801 a:hover, #thumbs2801 a.selected { border-color: #566; } .fluid_container_album img#shadow { width: 100%; position: absolute; bottom: 0; } .next_thumbnail2801 { background-position: -19px 0; right: 10px; } .next_thumbnail2801:hover { background-position: -19px -20px; } .prev_thumbnail2801 { background-position: 0 0; left: 10px; } .prev_thumbnail2801:hover { background-position: 0 -20px; } .next_thumbnail2801, .prev_thumbnail2801 { 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() { $('#carousel2801').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '56%' }, scroll: { fx: 'directscroll' } }); /* $('#carousel_desc2801').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '30%' }, scroll: { fx: 'directscroll' } }); */ $('#thumbs2801').carouFredSel({ responsive: true, circular: false, auto: false, prev: '.next_thumbnail2801', next: '.prev_thumbnail2801', items: { visible: { min: 2, max: 6 }, width: 150, height: '66%' } }); $('#thumbs2801 a').click(function() { $('#carousel2801').trigger('slideTo', '#' + this.href.split('#').pop() ); /* $('#carousel_desc2801').trigger('slideTo', '#' + this.href.split('#').pop() ); */ $('#thumbs2801 a').removeClass('selected'); $(this).addClass('selected'); return false; }); });