مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک

مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک مراسم بزرگداشت چهلم «آقای شهید ایران»،در مصلی بیت المقدس اراک #carousel190162, #thumbs190162 , #carousel_desc190162 { overflow: hidden; } #carousel-wrapper190162 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel-wrapper2190162 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel190162 span { display: block; float: left; } #carousel190162 img { display: block; } #thumbs190162 a, #thumbs190162 img { display: block; float: left; } #carousel_desc190162 span { width: 100%; /* height: 100%; */ display: block; float: left; position: relative; padding: 9px; text-align: center; } #carousel190162 span, #carousel190162 a, #thumbs190162 span, #thumbs190162 a { position: relative; display: block; height: 100%; } #carousel190162 img { border: none; max-width: 100%; margin:0 auto; height:100%; } #thumbs190162 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel190162 span { width: 554px; height: 313px; } #carousel_desc190162 span { width: 554px; height: auto; } #thumbs-wrapper190162 { padding: 20px 40px; position: relative; } #thumbs190162 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; } #thumbs190162 a:hover, #thumbs190162 a.selected { border-color: #566; } .fluid_container_album img#shadow { width: 100%; position: absolute; bottom: 0; } .next_thumbnail190162 { background-position: -19px 0; right: 10px; } .next_thumbnail190162:hover { background-position: -19px -20px; } .prev_thumbnail190162 { background-position: 0 0; left: 10px; } .prev_thumbnail190162:hover { background-position: 0 -20px; } .next_thumbnail190162, .prev_thumbnail190162 { 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() { $('#carousel190162').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '56%' }, scroll: { fx: 'directscroll' } }); $('#carousel_desc190162').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '5%' }, scroll: { fx: 'directscroll' } }); $('#thumbs190162').carouFredSel({ responsive: true, circular: false, auto: false, prev: '.next_thumbnail190162', next: '.prev_thumbnail190162', items: { visible: { min: 2, max: 6 }, width: 150, height: '66%' } }); $('#thumbs190162 a').click(function() { $('#carousel190162').trigger('slideTo', '#' + this.href.split('#').pop() ); /* $('#carousel_desc190162').trigger('slideTo', '#' + this.href.split('#').pop() ); */ $('#thumbs190162 a').removeClass('selected'); $(this).addClass('selected'); return false; }); });