رفتن به مطلب

سوال در مورد یک کد جاوااسکریپت


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

اینها لایت باکس هستن و برای تغییر در اندازه ها معمولا خصوصیاتی در تابع دارن.

در آدرس زیر خصوصیاتتابع نوشته شده:

http://projects.nickstakenburg.com/lightview/documentation/options 

شما به خصوصیت width - height نیاز دارید.

پ.ن:

دوست عزیز برای دریافت جوابتون صبر داشته باشید و اسپم نکنید.

لینک به ارسال

به کد تابع جی کوئری که برای فراخوانی لایت باکس استفاده کردید. خصوصیت هست.

اون صفحه ایی که آدرس دادم رو مطالعه کردید؟

لینک به ارسال

شما چه کدی رو برای تعریف لایت باکس استفاده کردید؟

همون کد جاوااسکریپت که از سایت فوق گرفتید منظورم هست.

لینک به ارسال

شما چه کدی رو برای تعریف لایت باکس استفاده کردید؟

همون کد جاوااسکریپت که از سایت فوق گرفتید منظورم هست.

var Lightview = {

version: '3.0.8',

extensions: {

flash: 'swf',

image: 'bmp gif jpeg jpg png',

iframe: 'asp aspx cgi cfm htm html jsp php pl php3 php4 php5 phtml rb rhtml shtml txt',

quicktime: 'avi mov mpg mpeg movie mp4'

},

pluginspages: {

quicktime: 'http://www.apple.com/quicktime/download',

flash: 'http://www.adobe.com/go/getflashplayer'

}

};

Lightview.Skins = {

// every possible property is defined on the base skin

// all other skins inherit from this skin

'base': {

ajax: {

type: 'get'

},

background: {

color: '#fff',

opacity: 1

},

border: {

size: 0,

color: '#ccc',

opacity: 1

},

continuous: false,

controls: {

type: 'relative',

text: {

previous: "Prev", // when modifying this images and css might have to be changed

next: "Next"

},

slider: {

items: 5

},

close: true

},

effects: {

content: { show: 180, hide: 180 },

window: { show: 100, hide: 50, resize: 180, position: 140 },

overlay: { show: 120, hide: 120 },

spinner: { show: 50, hide: 50 },

caption: { show: 120, hide: 120 },

sides: { show: 100, hide: 100 },

slider: { slide: 100 }

},

errors: {

'missing_plugin': "The content your are attempting to view requires the <a href='#{pluginspage}' target='_blank'>#{type} plugin<\/a>."

},

initialDimensions: {

width: 125,

height: 125

},

keyboard: {

left: true, // previous

right: true, // next

esc: true, // close

space: true // toggle slideshow

},

mousewheel: true,

overlay: {

close: true,

background: '#202020',

opacity: .85

},

padding: 10,

position: {

at: 'center',

offset: { x: 0, y: 0 }

},

preload: true,

radius: {

size: 10,

position: 'background'

},

shadow: {

blur: 3,

color: '#000',

opacity: .15

},

slideshow: {

delay: 5000

},

spacing: {

relative: 50,

top: 15

},

spinner: { },

viewport: 'scale',

wrapperClass: false,

initialTypeOptions: {

ajax: { },

flash: {

width: 1000,

height: 500,

params: {

allowFullScreen: 'true',

allowScriptAccess: 'always',

wmode: 'transparent'

},

flashvars: {},

viewport: 'scale'

},

iframe: {

width: '100%',

height: '100%',

attr: {

scrolling: 'auto'

},

viewport: 'crop'

},

image: {

viewport: 'scale'

},

inline: {

viewport: 'crop'

},

quicktime: {

width: 640,

height: 272,

params: {

autoplay: true,

controller: true,

enablejavascript: true,

loop: false,

scale: 'tofit'

},

viewport: 'scale'

}

}

},

تا جایی هست که width و height تعریف شده.

لینک به ارسال

برای عکس مدنظرم بود. مثلا:

<a href="image.jpg" class="lightview">Show image</a>

که برای طول و عرض دلخواه میشه چیزی مثل:

<a href="video.mov" 
class="lightview"
data-lightview-group="mixed"
data-lightview-options="width: 640, height: 272">Video</a>

لینک به ارسال

برای عکس مدنظرم بود. مثلا:

<a href="image.jpg" class="lightview">Show image</a>

که برای طول و عرض دلخواه میشه چیزی مثل:

<a href="video.mov"
class="lightview"
data-lightview-group="mixed"
data-lightview-options="width: 640, height: 272">Video</a>

تغییر دادم ولی اصلا تفاوتی نمی کنه

لینک به ارسال

تست کردم دقیقا جواب داد.

من فایل مثال رو از خود سایت دانلود کردم. مقادیر هم بصورت زیر شده و کاملا جواب داد:

  <a href='images/whitepink.jpg'
class='lightview'
data-lightview-group='example'
data-lightview-title="Navigation"
data-lightview-caption="Lightview has mobile-friendly side buttons and pagination for easy navigation."
data-lightview-options="width: 200, height: 200">
<img src='images/thumbnails/whitepink.jpg' alt=''/>
</a>

لینک به ارسال

تست کردم دقیقا جواب داد.

من فایل مثال رو از خود سایت دانلود کردم. مقادیر هم بصورت زیر شده و کاملا جواب داد:

  <a href='images/whitepink.jpg'
class='lightview'
data-lightview-group='example'
data-lightview-title="Navigation"
data-lightview-caption="Lightview has mobile-friendly side buttons and pagination for easy navigation."
data-lightview-options="width: 200, height: 200">
<img src='images/thumbnails/whitepink.jpg' alt=''/>
</a>

درسایز کوچک جواب میده ولی width رو که 1000 یا 800 دادم تفاوتی نکرد.روی height هم عددی که میدم اعمال نمی شه.

لینک به ارسال

در اندازه های بزرگ به نسبت رزولیشن و همچنین اندازه مرورگر شما عکس ریسایز میشه.

لینک به ارسال

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

شما چر از خود lightbox استفاده نمی کنید؟ این مشکلات رو هم نداره.

لینک به ارسال

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

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

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

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

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

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

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

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

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