رفتن به مطلب

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


پست های پیشنهاد شده

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

لینک صفحه:

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

ویرایش شده توسط ParsiBanner
لینک به ارسال

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

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

لینک به ارسال
  • 3 ماه بعد...

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

لینک به ارسال

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

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

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

scroller.zip

لینک به ارسال

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

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

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

scroller.zip

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

ویرایش شده توسط farnaz
لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال
  • 3 هفته بعد...

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

لینک به ارسال

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

لینک به ارسال

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

سلام

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...