Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jquery: pretty simple content slider + popup window (https://javascript.ru/forum/jquery/18133-jquery-pretty-simple-content-slider-popup-window.html)

gelo 18.06.2011 18:51

Jquery: pretty simple content slider + popup window
 
Доброго дня,

помогите пожалуйста.
Имеется
pretty simple content slider

как мне сделать чтобы при нажатии мыши на Read more, открывался
popup window, например типа вот этого


пытаюсь прикрутить два js, и никак не получается.

Буду очень благодарен

melky 18.06.2011 19:55

а как вы их прикручиваете?

gelo 18.06.2011 20:12

беру оба js кода и пытаюсь их совместить в один.

в эту часть из первого примера, там где Read more , вставляю идентификатор class из второго примера :)
соответсвенно имея правилчный css.


<div id="content">
            <a class="back" href=""></a>

            <div class="rotator">
                <ul id="rotmenu">
                    <li>
                        <a href="rot1">Portfolio</a>
                        <div style="display:none;">
                            <div class="info_image">1.jpg</div>
                            <div class="info_heading">Our Works</div>
                            <div class="info_description">
				 At vero eos et accusamus et iusto odio
				dignissimos ducimus qui blanditiis praesentium
				voluptatum deleniti atque corrupti quos dolores et
				quas molestias excepturi sint occaecati cupiditate
				non provident... 
                                <a href="#" class="more">Read more</a>
                            </div>
                        </div>
                    </li>

и не работает
если я это припишу не к <a href ...... Read more ... </a>
а для Porfolio - то все работает.

не могу осилить.
я так предполагаю проблема в параметрах js или div-ах ?

melky 19.06.2011 10:05

Фуф. емае. я не думал,что то будет так трудно.
Изза гавнокода разработчика мне пришлось вникать, ЗАЧЕМ ДЕЛАТЬ ТАК

$('body').append('*!*<div id="fade"></div>*/!*');

*!*$('#fade')*/!*.css({'filter' : 'alpha(opacity=80)'}).fadeIn();


если можно так, #@#@ муха

$('<div id="fade"></div>').appendTo( $(document.body) ).css({'filter' : 'alpha(opacity=80)'}).fadeIn();



короче, пока я сидел и дебажил код, почему он не работает, понял, что с кодом в большинстве случаев все хорошо (кроме путей к картинкам. поциенты этого не предусмотрели, что я могу захотеть положить картинки не в /images/.... ну да ладно)

--------------------
после просмотра кода складывается впечатление, что программисты JS, пишущие "красивости", по сути, только себе коду понятным и удобным, не программисты вовсе, а верстальщики, ёмае. или дизайнеры. (потому что в CSS у них более-менее хорошо)
--------------------

кое-как я его отладил, чтобы работало( без оптимизации ), но все равно дам дохера косяков... косяков в ЛОГИКЕ, не только в КОДЕ!! я их вообще не понимаю.

К сожалению,
Цитата:

Вы ввели слишком длинный текст (13188 символов). Пожалуйста, сократите его до 10000 символов.
Так что код в примерочной. посередине есть полоска, потяните за неё влево, чтобы освободить экран


Часовой пояс GMT +3, время: 02:21.