صفحه نخست روزنامه های اصفهان (23 مهرماه 1403)

صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) صفحه نخست روزنامه های اصفهان (23 مهرماه 1403) #carousel169407, #thumbs169407 , #carousel_desc169407 { overflow: hidden; } #carousel-wrapper169407 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel-wrapper2169407 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel169407 span { display: block; float: left; } #carousel169407 img { display: block; } #thumbs169407 a, #thumbs169407 img { display: block; float: left; } #carousel_desc169407 span { width: 100%; /* height: 100%; */ display: block; float: left; position: relative; padding: 9px; text-align: center; } #carousel169407 span, #carousel169407 a, #thumbs169407 span, #thumbs169407 a { position: relative; display: block; height: 100%; } #carousel169407 img { border: none; max-width: 100%; margin:0 auto; height:100%; } #thumbs169407 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel169407 span { width: 554px; height: 313px; } #carousel_desc169407 span { width: 554px; height: auto; } #thumbs-wrapper169407 { padding: 20px 40px; position: relative; } #thumbs169407 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; } #thumbs169407 a:hover, #thumbs169407 a.selected { border-color: #566; } .fluid_container_album img#shadow { width: 100%; position: absolute; bottom: 0; } .next_thumbnail169407 { background-position: -19px 0; right: 10px; } .next_thumbnail169407:hover { background-position: -19px -20px; } .prev_thumbnail169407 { background-position: 0 0; left: 10px; } .prev_thumbnail169407:hover { background-position: 0 -20px; } .next_thumbnail169407, .prev_thumbnail169407 { 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() { $('#carousel169407').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '56%' }, scroll: { fx: 'directscroll' } }); $('#carousel_desc169407').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '5%' }, scroll: { fx: 'directscroll' } }); $('#thumbs169407').carouFredSel({ responsive: true, circular: false, auto: false, prev: '.next_thumbnail169407', next: '.prev_thumbnail169407', items: { visible: { min: 2, max: 6 }, width: 150, height: '66%' } }); $('#thumbs169407 a').click(function() { $('#carousel169407').trigger('slideTo', '#' + this.href.split('#').pop() ); /* $('#carousel_desc169407').trigger('slideTo', '#' + this.href.split('#').pop() ); */ $('#thumbs169407 a').removeClass('selected'); $(this).addClass('selected'); return false; }); });