Плагин Colorbox без рамки

Question

Мне нужно использовать модальный плагин, и colorbox отлично смотрится.

Как загрузить его без округлых границ?

Учитывая мой размер страницы, толстая граница занимает слишком много места.

В любом случае, чтобы скрыть или сделать его более тонким и скрыть границу при необходимости на некоторых вызовах?

Answer 1

Я думаю, что colorbox на самом деле не использует свойство «border», чтобы охватить эту огромную черную границу. Похоже, что он был заключен в 3 x 3 div, который использует образы для создания этой границы. Я уверен, что вы можете удалить его, но это потребует возиться с фактическим javascript colorbox. Вы также можете попробовать испортить CSS.

Вы считаете, что смотрите в другой плагин, например lightbox2 или shadowbox? Я лично использую slimbox (красивый маленький клон лайтбокса). Если вы хотите испортить код, пойдите для него. В противном случае я бы просто выбрал другой плагин.

Answer 2

Вы можете скрыть границы в легком пути:

$("#cboxTopLeft").hide(); 
      $("#cboxTopRight").hide(); 
      $("#cboxBottomLeft").hide(); 
      $("#cboxBottomRight").hide(); 
      $("#cboxMiddleLeft").hide(); 
      $("#cboxMiddleRight").hide(); 
      $("#cboxTopCenter").hide(); 
      $("#cboxBottomCenter").hide(); 

и добавить класс с границей стилем, если вы хотите с этим способом:

.thin_border { 
    border: 10px solid blue; 
    border-radius: 10px; 
    margin: 10px; 
    box-shadow: 0 0 25px blue; 
} 

, а затем добавить его с JQuery

$("#cboxContent").addClass("thin_border");