Printable View
سلام
می شه راهنماییم کنید که چطور می شه برای بالای سایت یه اسلاید درست کرد و تبلیغات و توضیحات رو توش قرار داد؟؟؟
بعضی از دوستان jquery image slider رو پیشنهاد کردن ولی من نتوستم طرز کارش رو بفهمم
ممنونم
این هم چند تا سایت نمونه :
کد:http://www.iranwebservice.com/
کد:https://farsi1.tv
کسی بلد نیست ؟؟؟؟؟:41:
تنها راهتنون همون استفاده از پلاگینهای جی کوئری یا موتولز هستنقل قول:
اگر یه کم انگلیسی تون خوب باشه همه این پلاگین ها آموزش استفاده دارن
راستش من انگلیسیم خوبه ولی از طراحی سایت چیزی سر در نمیارم:31:
ممنونم می شم یه توضیح کلی بدید که چیکار کنیم و چیو باید تو چی بذاریم ؟؟؟:31::46:
این کد های HTML که به ما میده رو تو کد سایت می زارم و لینک عکس هارو هم توش قرار میدم ولی نمی شه:23:نقل قول:
مثلا برای این نمونهنقل قول:
کد:http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
که قبلا معرفی کردم
اول دانلودش کن
پوشه های images و js به علاوه فایل css رو بزار کنار فایل html خودت بعد کد پایین رو داخل تگ head بزارکد:http://up.--------.com/Files/2948d268d7cb4c5daeb5.zip
کد:<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
بعد کد پایین رو داخل تگ body بزار
کد:<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
<div id="header">
<div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
</div>
</div>
همین !
واقعا ممنونم داداش:10:
خیلی کارم لنگ بود .:11::26: مرسیییییییییییییییییییییی ییییییییییییییییییییییییی یی:42::42::42:
واقعا ممنونم داداش
ببخشید یه سوال دیگه دارم:31: قل می دم این آخریشه:46:
چطور میشه اندازه ی این اسلاد رو کم کرد؟؟؟؟باید سایز عکساش رو کم کرد یا جای دیگه رو تغییر داد؟؟؟
چه سایزی می خوای بگو تا درستش کنمنقل قول:
ممنونم داداش:10:.اگه تورو نداشت این p30world چه به روز ما می اومد خدا می دونه:31:نقل قول:
width=885
height=200
راستی عکس هارو چطور باید توش گذاشت؟؟؟:24::31::14:
اگه می شه یه کوچولو در مورد تغییر اندازه و قرار دادن عکس توضیح بدی ممنونم میشم.مطمئنا دوستان دیگه هم همین مشکلات رو دارن ولی چون خجالتی هستن ( :43:) روشون نمی شه:39::16:
ممنونم یه عامه:11::42::12:
اندازه ها رو بر حسب pixels دادم:27:
width رو 230 بگیرم بهتره فکر کنم.ممنونم:46:
شرمنده هر دفعه مزاحم میشما:31: خواستم بگم 7 تا اسلاد خیلی زیاده.4 تا باشه عالی میشه:31:
انیشتین و نیوتن به اندازه من دنبال علم نبودن بخدا:39:
یه سری تغییرات دادماول دانلود کن
و فایل رو مثل دفعه قبل کنار فایل html خودت قرار بدهکد:http://up.--------.com/Files/b300bc58ac5444fa8632.zip
بعد دوباره کد پایین رو داخل تگ head کپی کن
کد:<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
و کد پایین رو داخل تگ body کپی کن [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد:<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[
{"id":"1","client":"1","desc":"توضیحات عکس 1"},
{"id":"2","client":"2","desc":"توضیحات عکس 2"},
{"id":"3","client":"3","desc":"توضیحات عکس 3"},
{"id":"4","client":"4","desc":"توضیحات عکس 4"},];
</script>
<div id="header">
<div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="1" src="images/1.png" class="slide" alt="" /></a>
<a href=""><img id="2" src="images/2.png" class="slide" alt="" /></a>
<a href=""><img id="3" src="images/3.png" class="slide" alt="" /></a>
<a href=""><img id="4" src="images/4.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
</div>
</div>
</body>
به جای عکس های 1 تا 4 داخل پوشه image عکسهای خودت رو باهمون سایز قرار بده
فقط یه مشکل وجود داره اینگار این پلاگین با ie بدجور مشکل دارهباید قبل لز معرفی یه تست می کردم
نقل قول:
ممنونم دوست گلم:12:
واسم جالبه که چطوری اینکارو می کنی آخه من هر کاری کردم نشد :41:
در ضمن این اسلایده با ie مشکلی نداره آخه اون قبلی که درست کردم تو ie تست کردم خوب بود
این هم لینکش:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ولی این جدیده فکر کنم یه جایی از کدش اشکال داره که ie بد بازش می کنه
ممنونم:46:
:37:ممنونم داداش.زحمت کشیدی ولی...:41:
اینکه تو ie بد باز میشه اشکال از اسلاید نیست آخه قبلی ها خوب بود:44:
درضمن من هرچی تلاش کردم نتونستم با sharepoint مرتبش کنم آخه خیلی به هم ریختست:37: اصلا نمیشه مرتبش کرد:37:
فکر کنم یه جایی از کد هاش قاطی شده. الان یه تاپیک می زنم از بقیه هم می پرسم:37:
یه تست بکن به نظر اوکی شدهنقل قول:
کد:http://up.--------.com/Files/19eaf550288f4f6a83e6.zip
بازم ممنونم :46:نقل قول:
ولی مشکل اصلی یه چیز دیگست که تو عکس مشخص کردم:41:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
به هر حال ممنونم از بابت زحمت هاتون حتی اگه به نتیجه نرسیم:46:
من عکس رو ندیده بودمنقل قول:
دوباره تست کن
کد:http://up.--------.com/Files/a768b90f73064705b0c3.zip
ایول:26::42::42::42::42:نقل قول:
واقعا ممنونم.
تو IE هم کار می کنه:46:
فقط اینکه می شه یه آموزش کوچولو بدی که چطور اندازه هاشو تغیر بدیم؟؟آخه ارتفاعشو می خوام کم کنم
مثلا تو همون اندازه هایی که گفته بودم.می خوام تو اندازه ی اسلاید زیر دزست کنم:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ممنونم داداش واقعا زحمت کشیدی:10::12::11:
دوست عزیز باید مینوشتی درخواست کمک نه آموزش وگر نه خیلی ها کمکت میکردن مثلا خودم
امید وارم بنده رو به دلیل این اشتباه بزرگ و خانمان سوز ببخشید:31:نقل قول: