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

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