راهنمایی در مورد jquery

[Pouya 1102]

سلام. این جی کوىری کار همون جی کوىری تب های همیار وردپرس رو می کنه. ولی من فقط قسمت اول مرحله 1 و مرحله 2 رو فهمیدم. قسمت دوم مرحله 1 ( از in the markup به بعد ) و مرحله 3 رو اگه می تونید توضیح بگید. ممنون

لینک صفحه:

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

ویرایش شده خرداد 91 توسط ParsiBanner

[nikanwp 629]

سلام. این جی کوىری کار همون جی کوىری تب های همیار وردپرس رو می کنه. ولی من فقط قسمت اول مرحله 1 و مرحله 2 رو فهمیدم. قسمت دوم مرحله 1 ( از in the markup به بعد ) و مرحله 3 رو اگه می تونید توضیح بگید. ممنون

لینک صفحه:

http://www.gmarwaha....-jquery-lovers/

توضیح :

مرحله اول :

فایل زیر رو دانلود کنید :

http://www.gmarwaha.com/jquery/lavalamp/zip/lavalamp-0.2.0.zip

بعد از دانلود از حالت فشرده خارج کرده و فایلهای زیر را از فولدر کپی کرده و داخل فولدر قالب ریخته :

jquery-1.2.3.min.js

jquery.easing.min.js

jquery.lavalamp.min.js

lavalamp_test.css

مرحله دوم :

حال header.php قالب را باز کرده قبل از تگ </head> کدهای زیر را کپی کرده :

    <script type="text/javascript" src="<?php bloginfo('template_url') ?>/jquery-1.2.3.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url') ?>/jquery.easing.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url') ?>/jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
	    $(function() {
		    $("#1, #2, #3").lavaLamp({
			    fx: "backout",
			    speed: 700,
			    click: function(event, menuItem) {
				    return false;
			    }
		    });
	    });
    </script>

حال برای نمایش در هر جای قالب که خواستید میتونید از یکی از سه کد زیر استفاده نمایید :

کد اول :

<ul class="lavaLampWithImage" id="1">
    <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>

کد دوم :

<ul class="lavaLampNoImage" id="2">
    <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>

کد سوم :

<ul class="lavaLampBottomStyle" id="3">
    <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>

فقط کد اول رو همراه با عکس هست که باید عکسش رو هم از فولدر دانلود شده به پوشه قالبتون انتقال بدید

[farnaz 34]

یک اسکرولر میخام که عکس و متن رو اسکرول کنه (یعنی یک div و فقط عکس نباشد)و اتوماتیک هم باشه. دکمه های بعدی و قبلی هم داشته باشه. هرچه پیدا کردم فقط عکس بوده.اگر کسی میدونه لطفا راهنمایی کنه. مرسی

[imanfakhar 26231]

هرکدوم رو که فقط عکس بود و شما پسندیدی بگذار به div تبدیلش کنیم

[farnaz 34]

ممنون.فایلی که من دارم li هست و داخل آن div.ممکنه که این li ها div شوندscroller.rar؟

[imanfakhar 26231]

این هم برای شما ولی این که اصلا ربطی به سئوال شما نداشت بماند

شما گفتی هرچی دیدی عکسه و نوشته نمی شه گذاشت حالا li با div چه فرقی برا شما داره و چه تاثیری در محتویاتش بماند

فایل را دانلود کنید li ندارد

scroller.zip

[farnaz 34]

این هم برای شما ولی این که اصلا ربطی به سئوال شما نداشت بماند

شما گفتی هرچی دیدی عکسه و نوشته نمی شه گذاشت حالا li با div چه فرقی برا شما داره و چه تاثیری در محتویاتش بماند

فایل را دانلود کنید li ندارد

scroller.zip

ممنون. اگر داخل li یک div بگذارم، ازنظر validation خطا داشت.امکانش هست که div class="controls" خارج از div class="wrap" باشد؟

ویرایش شده شهریور 91 توسط farnaz

[imanfakhar 26231]

اگر باز هم بخاطر ولید بودن div داخل div ولید است

[farnaz 34]

آیا کدی هست که روزانه جملات مختلفی رو نمایش دهد؟مثلا 365 جمله داشته باشیم ودر طول سال هرروز 1مورد آن را نمایش دهد؟

[Morteza 34190]

کد مورد نیاز شما باید براساس php نوشته بشه. بهتره تاپیک جدید باز بشه.(اگر بحث ش ادامه دار بشه)

این مورد رو ببینید

[farnaz 34]

scroller.zip

خسته نباشید. میشه این اسکرولر به صورت عمودی باشه؟یعنی این سه div که به صورت افقی است به صورت عمودی قرار گیرد؟

[imanfakhar 26231]

شدن که می شه ولی الان اصلا یادم نیست با چه کدی حرکت می کرد باید جهت حرکت را پیدا کنید بجای left یا right بنویسید up یا down

[سعید حسینی 2409]

خسته نباشید. میشه این اسکرولر به صورت عمودی باشه؟یعنی این سه div که به صورت افقی است به صورت عمودی قرار گیرد؟

سلام

به این نمونه هم نگاه کنید.

اسلایدر عمودی با نشانگر