Pouya

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

13 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

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

لینک صفحه:

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

ویرایش شده در توسط ParsiBanner
0

به اشتراک گذاری این پست


لینک به پست

سلام. این جی کوىری کار همون جی کوىری تب های همیار وردپرس رو می کنه. ولی من فقط قسمت اول مرحله 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>

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

6

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

scroller.zip

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

scroller.zip

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

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

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

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

سلام

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

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

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری