صفحه نخست روزنامه های اصفهان (پنجم آبان ماه 1403)

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