نمایش دادن عکس در ویژوال کامپوزر

اضافه کردن تصویر در ویژوال کامپوزر

سلام امیدوارم حالتون عالی باشه پر از انرژی باشید 

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

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

سه روش اضافه کردن تصویر در ویژوال کامپوزر

۱: تصویر تکی 

شما در این روش قادر به این هستید که فقط یک عکس رو به طور دلخواه وارد کنید اون + رو که وسط صفحه تون هست رو بزنید برین تو بخش اضافه کردن المان روی گزینه  تصویر تکی بزنید به این شکل 

وارد صفحه تنظیمات تصویر میشین 

اولین بخش عنوان ابزارک در اینجا  شما میتونید یک عنوان به تصویرتون اضافه کنید.به طور مثال آموزش ویژوال کامپوزر .

دومین بخش ادرس تصویر هستش که شما سه انتخاب دارین که از کجا اون تصویر بیاد یا ادرس تصویر کجا باشه 

  1. کتابخانه رسانه
  2. لینک خارجی 
  3. ویژگی تصویر 
در قسم بعدی باید ادرس تصویر رو بزاریم مثال میزنم اگر از کتابخانه رسانه میخوایید استفاده کنید باید حتما یک عکس در سایت شما اپلود بشه و اینجا فراخوانی بشه همین (:
در قسمت بعدی باید سایز تصویر رو اضافه کنیم به طور مثال “thumbnail”, “medium”, “large”, “full” یا اینکه مثلا بگین ۱۰۰*۲۰۰ البته باید به پیکسل وارد کنید (px)
بخش بعدی اضافه کردن عنوان  که فقط یه تیک هستش میگه میخوایی اون عنوانی که اون بالا گذاشتی اینجا نمایش داده بشه یا ن؟ همین 

بخش بعدی عملکرد کلیک کردن 

عملکرد کلیک کردن در تصویرک از چهار بخش 

  1. لینک دهی به تصویر بزرگ 
  2. باز کردن با pretty photo 
  3. باز کردن لینک سفارشی که در این روش به تصویرتون لینک میدین 
  4. زوم 

بخش css متحرک

شما در بخش css متتحرک میتونید به تصویرتون با استفاده از اون باکس بغل تصویرتون رو تکون بدین همین 

اضافه کردن گالری تصویر در ویژوال کامپوزر

در این روش شما باید چند تصویر داشته باشید و به گالری معرفی کنید این روش هم تنظیمات بالا رو داره با این تفاوت که در این روش باید نوع نمایش تصاویر رو انتخاب کنید و ۱۰۰ البته باید چندین تصویر رو انتخاب کنید 

ارسال نظر