Thumbnails in lightbox widget

Similar Questions

• The space between the thumbnails - Lightbox Widget

  Hello

  Does anyone know if it is possible to control the spacing between the thumbnails in Lightbox widget?

  It's always 10 pixels, regardless of the size of the thumbnails.

  Joy

  Dandalo Gabrielli

  You can control the spacing in the spacing Panel. Select any thumbnail and adjust the margin to change the spacing.

• I can give captions for thumbnails in Lightbox, which also has a link to the image of hero?

  My only option seems to be that I can give the hero image text, but not the thumbnail?

  OK, that's how easy but rigid all the standardized category slideshow widgets all work. But you will have much more freedom when using slideshow and lightbox widgets in the Composition category! That's the big difference after all. Takes more time and effort to complete and refine, but you will get exactly what you want. Instead of a thumbnail, a hero and other options such as a legend, you get a trigger and target areaand you are free to fill them with what you want.

• lightbox Widget

  It seems that I'm not able to include the display of thumbnails with my introduction to jQuery. Is it possible to create a slide show that hides the box of heroes initially when a page is first visited, then displayed when the user clicks on a thumbnail for the first time?

  Hello

  Looks like you want to hide the target area initially and want it to be visible only when a thumbnail is clicked for a lightbox. It is something that is already the case. This short video: http://jingsite.businesscatalyst.com/jing/2013-09-06_0620.swf

  Apart from the lightbox widget, this feature is available in all compositions as well (known as "Hide all initially"), so if you do not want to use a viewer, you can use a composition instead. Check this screenshot: http://jingsite.businesscatalyst.com/jing/2013-09-06_0627.png

  I hope this helps.

  See you soon

  Parikshit

• Can the ToolTip + display Lightbox widgets be together?

  Hi, I am trying to insert a ToolTip widget in the action of the Lightbox display widget button, is it possible?

  I know that you can insert the balloon inside the Lightbox display widget, but what I need is something like a hyperlink, the ScreenTip for the Lightbox display widget.  The final effect I want to achieve is that the effect of the ToolTip widget overview shows one image and if the ToolTip is click it, and then display the Lightbox widget.

  No idea or help will appreciate.

  -Javier

  Hi Kandorean,

  You can achieve this effect by changing just the thumbnail jQuery rollover State.

  Please try this and if you are looking for a different output and this doesnot serves then please provide us with an example or the screenshot of what you want to achieve and we would try to find out if that can be achieved in MUSE.

  Kind regards

  Fox

• How to adjust the size composition for Tablet lightbox widget?

  Hello

  I recently built my first portfolio with muse site and now want to extend it to use Tablet and smartphone.

  I Don t know how to adjust the size of the composition however lightbox widget. I hope I Don t need it built again from scratch? This would mean to settle 23 slides, that I m not very keen on...: O all advice would be very appreciated!

  You can see the version of office here: http://www.movi.bz

  THX, Janne

  Click on the main content window until you see "Container" to the "selection indicator. You should also see resize handles around the container. Just use the handles to resize the container as you would anything else.

  Adobe help Muse | Working with Widgets

• Question of lightbox Widget

  Simple question for staff of Muse: with a Lightbox widget, you can reposition the images in the miniature triggers?

  Hello

  It is possible with a composition lightbox widget, but not with a lightbox slideshow.

  Kind regards

  Akshay

• In the lightbox widget, how can I move a legend without moving the location of all legends?

  I use the lightbox widget for my wallet, and I downloaded the files of different layouts and directions. Some captions appear over my graphics. When I try to move the legend below the chart, it moves the location for all my captions. Edit together is not checked. What Miss me?

  Try the widget 'Presentation' under 'Compositions' but Yes - will not work with the lightbox.

• Help with gallery lightbox widget

  Hello

  I built a website for my photography business and used the Gallery lightbox widget. I'm not massively HTML mind so I tend to build in design mode and just edit HTML.

  The Gallery is here: http://www.emmarichards.co.uk/gallery.html

  When you click on one of the photos, it does not work properly, need you just to another Web page with just the image. It worked fine in live view. I looking at it in IE, do not know what version, but a pretty up to date I think. I also checked by using the Mozilla browser and having the same problem. How can I fix this please? The code of the pages is as follows:

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > Barnsley wedding photographer - Emma Richards < /title >
  < style type = "text/css" >
  <!--
  {body
  Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
  background: #4E5869;
  margin: 0;
  padding: 0;
  Color: #000;
  background-color: #99BADB;
  }

  / * ~ ~ Tag of the element selectors ~ ~ *.
  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
  padding: 0;
  margin: 0;
  }
  H1, h2, h3, h4, h5, h6 {p}
  margin-top: 0;  / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */
  padding-right: 15px;
  padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */
  }
  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
  border: none;
  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
  a: link {}
  color: #414958;
  text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
  }
  a: visited {}
  color: #4E5869;
  text-decoration: underline;
  }
  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
  text-decoration: none;
  background-color: #FFFFFF;
  }

  / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.
  . Container {}
  Width: 80%;
  Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */
  min-width: 780px; / * a min-width may be desirable to keep this provision to become too narrow. This keeps the more readable line length in the side columns. IE6 does not respect this statement. */
  Background: #FFF;
  margin: 0 auto; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */
  }

  / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.
  . Header {}
  background-color: #ffffff;
  }

  / * ~ ~ It's layout information. ~~

  (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  */
  . Happy {}
  padding: 10px 0;
  }

  / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.
  . Content ul, ol {} content
  padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */
  }

  / * ~ ~ Footer ~ ~ * /.
  .footer {}
  padding: 10px 0;
  background-color: #ffffff;
  }

  / * ~ ~ various float/clear classes ~ ~ * /.
  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
  float: right;
  left margin: 8px;
  }
  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */
  float: left;
  right margin: 8px;
  }
  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}
  Clear: both;
  height: 0;
  font size: 1px;
  line-height: 0px;
  }
  body, td, th {}
  do-family: Tahoma, Geneva, without serif.
  }
  ->
  < / style >
  < script src = "scripts/jquery.js" type = "text/javascript" > < / script > "
  < script src = "scripts/lightbox.js" type = "text/javascript" > < / script > "
  < link href = "css/lightbox.css" rel = "stylesheet" type = "text/css" / > "
  < link href = "css/sample_lightbox_layout.css" rel = "stylesheet" type = "text/css" / > "
  < style type = "text/css" >
  / * BeginOAWidget_Instance_2127022: #gallery * /.

  {.lbGallery}
  / * Gallery container parameters * /.
  background-color: #ffffff;
  padding-left: 180px;
  padding-top: 20px;
  padding-right: 180px;
  padding-bottom: 20px;
  Width: 900px;
  height: auto;
  text-align: center;
  }
  .lbGallery ul {list-style: none; margin: 0; padding: 0 ;}}
  .lbGallery ul li {display: inline; margin: 0; padding: 0 ;}}
  .lbGallery ul li a {text-decoration: none ;}}
  
  .lbGallery ul li a {img
  / * border color, width and margin for images * /.
  border-color: #ffffff;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px:
  }
  
  .lbGallery ul li a: hover {img
  / * background color on the hover.
  border-color: #ffffff;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  }
  
  {#lightbox-container-image-box}
  border-top: 0px none #ffffff;
  border-right: 0px none #ffffff;
  border-bottom: 0px none #ffffff;
  border-left: 0px none #ffffff;
  }
  
  {#lightbox - container - picture - data - box}
  border-top: 0px;
  border-right: 0px none #ffffff;
  border-bottom: 0px none #ffffff;
  border-left: 0px none #ffffff;
  }
  / * EndOAWidget_Instance_2127022 * /.
  < / style >
  < script type = "text/xml" >
  <!--
  < oa:widgets >
  < oa:widget wid = binding "2127022" = "#gallery" / >
  < / oa:widgets >
  ->
  < /script >
  < / head >

  < body bgcolor = "#FFFFFF" text = "#000000" link = "#000000" vlink = "#000000" alink = "#000000" >

  < div class = "container" >
  < div class = "header" >
  < div align = "center" >
  < p > < img src = "1TITRE 2.png" alt = "wedding of emma richards barnsley photographer" width = '1144' height = '368' / > < / p >
  "< p > < a href ="about.html"> < img src =" 1.png"alt ="about emma richards wedding photographer barnsley"width ="143"height ="46"border ="0"/ > < /a > < a href =" weddings.html "> < img src =" 1.weddings.png "alt ="wedding information barnsley photographer"width ="162"height ="46"border ="0"/ > < /a > < a href ="gallery.html"> < img src =" 1.gallery.png"alt ="Image of barnsley wedding photographer Gallery"width ="162"height =" "" "" 46"border = '0' / > < / has > < a href ="pricing.html"> < img src =" 1.pricing.png"alt ="barnsley price information wedding photographer"width ="162"height ="46"border ="0"/ > < /a > < a href =" engagements.html "> < img src =" 1.engage.png "alt ="engagement photography couples pull barnsley"width ="221"height ="46"border ="0"/ > < /a > < a href ="http://emmarichardsuk.blogspot.com "> < img src ="1 blgo.png"alt =" emma richards blog photography marriage"width ="105"height ="45"border ="0"/ > < /a > < a href ="contact.html"> < img src ="1 contact.png"alt =" contact emma richards"width ="162"height ="46"border ="0"/ > < /a > < /p >"
  < / div >
  
  <! - end .header - > < / div >
  < div class = "content" >
  < div id = 'Gallery' class = "lbGallery" >
  < div align = "center" >
  < ul >
  "< li > < a href ="2.ABBIE AND KID.jpg"width ="600"height ="400"title =" "> < img src =" 2.ABBIE AND KID.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  "< li > < a href =" 2.R AND M CAKE.jpg CUP"title =" "> < img src =" 2.R AND M CAKE.jpg CUTTING "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
  "< li > < a href =" alex laura 1 (5) .jpg"title =" "> < img src =" alex laura 1 (5) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
  < li > < a href = "alex laura 1 (8) .jpg" > < img src = "alex laura 1 (8) .jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < /a > < /li > "
  < li > < a href = 'tree closer.jpg' width = "600px" height = "400px" title = "" > < img src = "tree closer.jpg" width = "150" height = "100" alt = "" / > < /a > < /li > < br / > "
  "< li > < a href ="11.jpg"width ="600"height ="400"title =" "> < img src =" 11.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  "< li > < a href ="10.jpg"title =" "> < img src =" 10.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  < li > < a href = "James Ruth Church128.jpg" title = "" > < img src = "James Ruth Church128.jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < / has >
  < li > < a href = "2.ABBIE GROUP.jpg" > < img src = "2.ABBIE GROUP.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li > "
  < li > < a href = "12 - 5.jpg" width = "600px" height = "400px" title = "" > < img src = "12 - 5.jpg" width = "150" height = "100" alt = "Barnsley wedding photography" / > < /a > < /li > < br / >
  "< li > < a href =" alex laura 1 (3) .jpg"width ="600"height ="400"title =" "> < img src =" alex laura 1 (3) .jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / has >
  < li > < a href = "confetti crop.jpg" title = "" > < img src = "confetti crop.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a >
  < li > < a href = "Mark & amp; Rachel 025.jpg"title =" "> < img src ="Mark & amp; Rachel 025.jpg"width ="150"height ="100"alt ="park inn wedding""wath' 'barnsley' "photograph" / > < / a >
  < li > < a href = "Abbie Ben 0336.jpg" > < img src = "Abbie Ben 0336.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li >
  < li > < a href = "Abbie Ben 0309.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0309.jpg" width = "150" height = "100" alt = 'first kiss' "barnsley wedding photographer" / > < /a > < /li > < br / >
  < li > < a href = "laughing 2.png" width = "600" height = "400" title = "" > < img src = "laugh 2.png" width = "150" height = "100" alt = "whitley hall" "sheffield wedding photography wedding" / > < / has >
  "< li > < a href ="2.double.jpg"title =" "> < img src =" 2.double.jpg "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
  "< li > < a href ="132.jpg"title =" "> < img src =" 132.jpg "width ="150"height ="100"alt ="whitley hall""sheffield"'barnsley wedding photographer'"wedding"/ > < / has >
  < li > < a href = 'Abbie and Ben 0621.jpg' > < img src = "Abbie and Ben 0621.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li >
  < li > < a href = "Abbie Ben 0320.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0320.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li > < br / >
  < li > < a href = "Abbie Ben 0011 copy.jpg" width = "600" height = "400" title = "" > < img src = "Abbie Ben 0011 copy.jpg" width = "150" height = "100" alt = "bouquet", "barnsley wedding photographer" / > < / a >
  < li > < a href = "James & amp; Title Ruth0202.jpg"=" "> < img src ="James & amp; Ruth0202.jpg"width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / a >
  "< li > < a href =" alex laura 1 (4) .jpg"title =" "> < img src =" alex laura 1 (4) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
  < li > < a href = "123.jpg" > < img src = "123.jpg" width = "150" height = "100" alt = "rotherham" "wedding at park inn" "wath' 'barnsley'"photograph"/ > < /a > < /li >"
  < li > < a href = "Mark & amp; Rachel 311.jpg"width ="600px"height ="400px"title =" "> < img src ="Mark & amp; Rachel 311.jpg"width ="150"height ="100"alt ="rotherham"'Marriage Park Inn' 'wath' 'barnsley'"photograph"/ > < / a > < /li > < br / >
  < /ul >
  < / div >
  < / div >
  < div align = "center" >
  < script type = "text/javascript" >
  BeginOAWidget_Instance_2127022: #gallery

  $(function() {})
  $('#gallery_a').lightBox ({}
  imageLoading: ' / images/lightbox/lightbox-ico-loading.gif', / / (string) path and the name of the loading icon
  imageBtnPrev: ' / images/lightbox/lightbox-btn-prev.gif', / / (string) path and the name of the picture of the previous button
  imageBtnNext: ' / images/lightbox/lightbox-btn-next.gif', / / (string) path and the name of the next button image
  imageBtnClose: ' / images/lightbox/lightbox-btn-close.gif', / / (string) path and the name of the narrow btn
  imageBlank: ' / images/lightbox/lightbox-blank.gif', / / (string) path and the name of an empty image (pixel)
  fixedNavigation: false, / / Boolean (Boolean) which informs if the navigation (next and prev button) will be set in the interface or not.
  containerResizeSpeed: 400, / / specify the duration of the container image resizing. These numbers are milliseconds. default is 400.
  overlayBgColor: "#ffffff", / / (string) the background color of overlay; inform a hexadecimal as value: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue color values.
  overlayOpacity: 0, / / the value of opacity (whole) to overlay; inform: 0.X. Where X is a number from 0 to 9
  txtImage: 'Image', //Default text from the image
  txtOf: "from".
  });
  });
  
  EndOAWidget_Instance_2127022
  < /script > <! - end content - > < / div >
  < / div >
  < div class = "footer" >
  < hr / >
  < p align = 'right' class = 'container' > 07794 430 229 / / [email protected] </p>
  <! - end .footer - > < / div >
  <! - end .container - > < / div >
  < / body >
  < / html >

  emmarichards4 wrote:

  What do I have to have the same path as in my root folder, for example in my Public folder with my host, have a "script file, then put the"jquery.js"file in that or this should not matter?"

  All roads (road of the file relative to the dependent file) are essential.

  If the path is not correct, the required file will be not considered and effect will not work.

  There is no need to download files individually and place them manually in the remote folders. DW manages all the paths of files and folders for you if you use the files Panel.

  For example, http://www.emmarichards.co.uk/scripts/lightbox.js = 404 error. The file does not yet exist on the server at this location.

  You should be able to click on folders css and scripts locally, click Put and all files in those folders will be downloaded correctly.

• Lightbox widget displays image of hero upper-left instead of Center

  Hello

  For a schoolproject, I worked on creating a Web site in Adobe Muse. Right now I'm trying to create a layout of lightbox to present my work, but the widget shows the hero image in the upper left corner of the page instead of the Center where I like it to be (see screenshot 1 for example).

  

  I use the widget to embed standard Muse with the lightbox parameter (see screenshot 2).

  

  I have several light tables with one image in it because I want the thumbnails to display in various sizes in a random layout on the page. Anywhere on the page I place the image of heroes, it will reappear in the upper left corner to the place where I want to. Anyone know how I can fix this problem? Or maybe know another widget that I could use to do this work? Any help is appreciated !

  Interesting, I am facing a hard time reproducing this behavior with different combinations.

  I would need to check the file for the investigation.

  For once, try to remove the other compositions on the page and check if you see the same behavior that would isolate the question if its because of any element of overlap.

  Thank you

  Sanjit

• How to add a video to a lightbox widget

  Hello!

  How can you put a video in the lightbox muse widget?

  You can put a video player to the right widget in the target area of the composition.  Or better yet, you can use a video gallery dedicated if you plan to use the Viewer displays for video thumbnails.  Something like these:

  YouTube Gallery:

  http://widgets-musethemes.BusinessCatalyst.com/TB023.html

  Gallery of Vimeo:

  Adobe Muse Vimeo video gallery Widget | MuseThemes.com

  Hope that helps!

• videos of youtube for the lightbox widget

  How to use lightbox (or other widget if there is a better) to see the videos to youtube with thumbnails and a player video popup?

  Place the composition "Lightbox view" widget on your page and place the YouTube widget in the lightbox.

  For thumbnails, use an image (maybe a screenshot of the film YouTube) and fill the lightbox with it triggers (order fill in the strip of higher order)

• Using the Lightbox Widget, I can't (next) and buttons (Prev) appears in broswers except IE

  I'm using Lighbox Gallery Widget for my site and when I click the lightbox images, I can't get the (next) and the button (previous) appears in all of the following broswers... (Chrome, Opera, Foxfire), but they appear in Internet Explorer. Also the (close) button appears in each browser, so it's really shake me up. Here is a link to my page where I'm having the problem. Any help is very appreciated, I intend to launch the website in the coming weeks.

  http://www.luckielosers.com/build.php

  Thank you

  There is a problem with the location of the images. Look at the constructor

  The only images that can be found

  lightbox - blank.gif

  lightbox-ico - loading.gif

  lightbox-btn - close .gif

  I found the next key here images/lightbox/lightbox-btn-next.gif which is not what you have in the constructor - Thumbnail Widget Files/images/lightbox/lightbox-btn-next.gif

  OK that above and everything is fine.

  GRAMPS

  PS This is the answer to your MP

• Image with selected lightbox Widget

  Hello

  I was wondering if anyone can help me with this. One of my pages on website [ http://www.justdesignstudio.net/print---sunrise-logo.html ] I have a logo that I designed [Sunrise landscaping + Maintenance] and under, there are buttons to see the next image of the business card. Currently they are on 2 separate pages, and the second page [map] has a feature of Viewer for it. I want to do is have 2 images in a widget that does 2 things:

  1 be able to slide from one image to another

  2. do you only the second image have a lightbox feature

  I have played around with various combinations of put a widget in another, but failed to achieve what I'm trying to do. Is it possible to have a widget with the features listed above?

  Thank you

  Justin

  [I deleted your duplicate message... MOD]

  There are a dozen different ways to build, but I used the composition of basic widgets, because everyone has them

  Step 1 = 1. the basic scenario widget... I used a (white) composition widget and get the style you want... Color, autoplay, etc..

  Step 2 = 2 Select the image of the target of the image will have the popup that is to say, the card and check that the 'target' on top left of screen

  

  Step 3 = 3 select Insert widget (choose one... I went with a widget of composition VisualLightBox) and insert it in the context of destination

  

  Step 4 = 4 style popup sounds nice widget

  

• Lightbox Widget composition: Close the second button?

  Hello.

  I'm duty besides the close button in the widget the ability for the user to click on a sentence in the text from the popup menu.

  As I saw in this video from Dani Beaumont. Self-generating Lightbox - YouTube

  She said, that the user can use the close button, or click on this sentence: continue to site or simply click here to close the overlay...

  I can't find a way to do this.

  Here, someone who can help me?

  Thank you.

  Markus

  There is no 'second' close button, as you suppose, this is the close button!

  You can configure the close button, just as you like. You can write to it, you can remove the text box it contains, or place an image in there or fill it in an image. You see: very simple!