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

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