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

سلام

کدی میخوام بنویسم که بصورت اسلایدر ولی با تیتر و قسمتی از مطلب، گردشی کار کنه

طرحی که زدم به پیوست تقدیم شده

با تشکر از راهنمایی شما

slider.jpg

0

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


لینک به پست

تشکر از کمکتون

ولی من افزونه نمیخواهم.

امکان راهنمایی هست؟

 

 

0

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


لینک به پست

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

در در 7/22/2016 at 09:35، aliali گفته است :

سلام

کدی میخوام بنویسم که بصورت اسلایدر ولی با تیتر و قسمتی از مطلب، گردشی کار کنه

طرحی که زدم به پیوست تقدیم شده

با تشکر از راهنمایی شما

slider.jpg

 

شما ابتدا Html این کار رو بزنید سپس یک دستور WP_QUERY با مقدار 5 پست براش ایجاد کنید سپس برای post اول که $loop برابر با 1 هست مقدار سمت راست رو بالا بیارید و در شرط loop >1 اون 4 عکس که برای پست های بعدی هست رو بالا بیارید

به همین سادگی

ویرایش شده در توسط Mehrshad.Darzi
1

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


لینک به پست

مهرداد عزیز تشکر

من این کار را کرده ام ولی میخواستم با جی کوئری هر چند لحظه یکبار مطلب اصلی که سمت راست هست به همراه متن عوض بشه.

0

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


لینک به پست

سلام دوست عزیز

یعنی میخواید مطالب سمت چپ ثابت باشند ( مثلاً این قسمت بخش ویزه هستش )

قسمت سمت راست هم به صورت اسلاید شو (فید) تغییر بکنه ( حالا یا یه دسته خاص رو نشون بده یا اخرین مطالب ارسالی رو یا ... ) ؟

اگر کد و قالب بندی این قسمت آماده هستش ضمیمه کنید تا براتون درست بکنم قسمت سمت راست رو .

1

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


لینک به پست

بله دقیقا درست فرمودید. کلی این بخش بخش ویژه هست و در قست راست یکی یکی بصورت اسلاید شو مطالب رو نمایش میدهد.

تشکر از محبت شما.

index.php

style.css

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی، تصویر زیر رو به این صورت کد نویسی کردم که برای هر کدام از محصولات یه تگ a قرار دادم و به هر تگ a یه id خاص اختصاص دادم. با جی کوئری اومدم گفتم که هر وقت روی اولین محصول کلیک شد تصویر و متنی که مربوط اون هست رو نمایش بده. مثلا گفتم که تگ img با آی دی img-1 و تگ P با آی دی P-1 مربوط به محصول یک هستند.
      اما به صورت زیر  کدها رو نوشتم و میدونم توی داینامیک کردن به مشکل می خورم می خوام بدونم روش بهتری وجود داره؟
      <div class="img-box"> <img id="img-1" src="image/x1.jpg" alt="تصویر محصول یک"> <img id="img-2" src="image/x2.jpg" alt="تصویر محصول دو"> <img id="img-3" src="image/x3.jpg" alt="تصویر محصول سه"> </div> <div class="p-box"> <p id="p-1">متن محصول یک</p> <p id="p-2">متن محصول دو</p> <p id="p-2">متن محصول سه</p> </div> <div class="products"> <a id="a-1" href="#">محصول یک</a> <a id="a-2" href="#">محصول یک</a> <a id="a-3" href="#">محصول یک</a> </div> کدهای جی کوئری
      $("#a-1").hover(function() { $('#img-1').fadeIn('400'); $('#p-1').fadeIn('400'); }, function() { $('#img-1').fadeOut('300'); $('#p-1').fadeOut('300'); }); $("#a-2").hover(function() { $('#img-2').fadeIn('400'); $('#p-2').fadeIn('400'); }, function() { $('#img-2').fadeOut('300'); $('#p-2').fadeOut('300'); }); $("#a-3").hover(function() { $('#img-3').fadeIn('400'); $('#p-3').fadeIn('400'); }, function() { $('#img-3').fadeOut('300'); $('#p-3').fadeOut('300'); }); با تشکر و سپاس

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، علت پرش صفحه زمان hover شدن موس روی یک div در جی کوئری چیه؟
      $(".box #a-x").hover(function() { $('#x-img').stop().fadeIn('400'); }, function() { $('#x-img').stop().fadeOut('300'); }); $(".box #a-y").hover(function() { $('#y-img').stop().fadeIn('400'); }, function() { $('#y-img').stop().fadeOut('300'); }); البته بیش تر از این تعداده حدود 7 تگ هستش. لطفا راهنمایی کنید.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من می خوام دستور شرطی رو بنویسم که اگر یک تگ دارای child بود به اون تگ ، یک تگ span اضافه کنه. خیلی تلاش کردم یه چیزهایی هم نوشتم ولی به نتیجه نرسیدم. لطفا راهنمایی کنید.
      با سپاس و تشکر
       
    • توسط unid_user
      سلام و درود
      دوستان گرامی یه مشکل در منوی سایت پیش اومده وقتی میرم روی منوی محصولات زیر منو چندین بار خود به خود باز و بسته میشه. کدها و ویدئو رو هم میزارم لطفا کمک کنید.
      <nav> <ul> <li> <a href="#">صفحه اصلی</a> </li> <li class="dropdown"> <a href="#">محصولات</a> <ul> <li> <a href="#">محصول یک</a> </li> <li> <a href="#">محصول دو</a> </li> <li> <a href="#">محصول سه</a> </li> <li> <a href="#">محصول چهار</a> </li> </ul> </li> <li> <a href="#">نمونه کارها</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">تماس با ما</a> </li> </ul> </nav> nav { background-color: #616161; text-align: center; border-bottom: 2px solid #333333; } nav > ul > li { display: inline-block; list-style: none; color: #fff; font-size: 12px; } nav > ul > li > a { color: #fff; display: block; padding: 10px 20px; font-size: 12px; transition: all .5s; } nav > ul > li > a:hover, li.dropdown > ul > li > a:hover { background-color: #555555; color: #deb887; } nav > ul > li > ul > li { list-style: none; text-align: right; } nav > ul > li > ul > li > a { color: #fff; } li.dropdown { position: relative; } li.dropdown > ul { position: absolute; width: 150px; background-color: #616161; right: 0px; top: 106%; border-bottom: 2px solid #333333; display: none; } li.dropdown > ul > li > a { margin: 10px auto; display: block; padding: 10px 20px; } $("li.dropdown").hover(function() { $(" > ul", this).slideDown('slow'); }, function() { $(" > ul", this).slideUp('slow'); }); با تشکر و سپاس
      Video-Sun-Dec-16-2018-22-56-36.webm
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من یک منو دارم که می خوام هر بار که روی یکی از li ها کلیک کردم کلاس active به اون اضافه بشه. ولی روی هرکدوم کلیک میکنم تمام li ها کلاس active رو می گیرن. لطفا راهنمایی کنید.
      این کد رو نوشتم ولی اشتباهه.
      $("ul.icon-div-ul li").click(function() { $("ul.icon-div-ul li").addClass('active'); }); با تشکر و سپاس