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

سلام و درود

دوستان گرامی، من می خوام کدی رو معرفی بفرمایید که وقتی روی تصویر شاخص در یک پست کلیک میکنم تصویر در سایز بزرگ به صورته آنچه که در سایت زیر مشاهده می فرمایید به نمایش در بیاد.

سپاس و تشکر.

نمونه سایتی که گفتم.

0

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


لینک به پست

از کدهای پاپ آپ باید استفاده کنی 

یه کد پاپ آپ ساده که بتونه محتوایی مثل عکس رو لود کنه از اینترنت انتخاب کن و بعدش فایلهاش رو داخل قالب قرار بده و به تصویر شاخص باید یه آی دی بدی که خود پاپ آپ ازش استفاده میکنه

از این طریق شما میتونی تصاویر رو بصورت پاپ آپ باز کنی

 

البته از افزونه آماده هم میتونی استفاده کنی

0

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


لینک به پست
در 22 ساعت قبل، فرهاد گفته است :

از کدهای پاپ آپ باید استفاده کنی 

یه کد پاپ آپ ساده که بتونه محتوایی مثل عکس رو لود کنه از اینترنت انتخاب کن و بعدش فایلهاش رو داخل قالب قرار بده و به تصویر شاخص باید یه آی دی بدی که خود پاپ آپ ازش استفاده میکنه

از این طریق شما میتونی تصاویر رو بصورت پاپ آپ باز کنی

 

البته از افزونه آماده هم میتونی استفاده کنی

ممکنه بیشتر راهنمایی کنید من تو این کار مبتدی هستم.

0

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


لینک به پست

اگه میخواهید صرفا تو یه باکس بزرگتر باز بشه میتونین از لایت باکس خود وردپرس استفاده کنید

https://codex.wordpress.org/Javascript_Reference/ThickBox

 

0

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


لینک به پست
در 23 دقیقه قبل، lord_viper گفته است :

اگه میخواهید صرفا تو یه باکس بزرگتر باز بشه میتونین از لایت باکس خود وردپرس استفاده کنید


https://codex.wordpress.org/Javascript_Reference/ThickBox

 

امتحان کردم اما منظورم این نیست. لینک سایتی که می خوام شبیه به اون رو درست کنم رو دوباره میزارم شاید بتونید بیشتر راهنمایی کنید.

https://www.themexpert.com/blog/eid-ul-fitr-sale-2018

روی تصویری که گذاشته کلیک کنید. منظورم دقیقا همین حالته.

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'); }); با تشکر و سپاس