I am attempting to make a small gallery like the one shown below -
I'm sure you've all seen them considering they are fairly common. When trying to make one using bootstrap I ran into a major problem. I can't seem to link the smaller bottom images to the larger top one that was when one of the smaller ones is clicked it changes to the selected image. I am attempting to use data-slide-to however it does not seem to work outside of the "carousel-indicators". I can't put it into the carousel indicators list because that moves the images up into the gallery (It may be possible to fix this with CSS but my attempts have been worthless). Does anyone know the problem? I've tried tags around each image that didn't seem to work then I tried divs. Still nothing.
Things I've tried:
encasing images in .
Moving the smaller images in and out of carousel inner.
Making a custom class for the smaller images.
Things to note:
I am using 3.0.0
All images are generated (if you haven't guessed already)
Smaller images are separate from larger one (not auto scaled down)
Things I plan on trying:
data-target
changing id
Changing class of div tag that encapsulates everything.
As it turns out bootstrap requires you to id the carousel as "myCarousel" and then use data-targets for each image. After changing the ID and setting the data target the gallery now works.
Related
I just appended two blender files to get my two models in one scene. when I hit Render Image. It doesn't start rendering although before appending the two files the render was working properly. I tried to render the default scene(Cube scene) in blender and it rendered. I guess the problem is not with my camera because I created a new camera and made it my active camera and still not working. all the objects appear in the viewport shading and none of them are hidden.
one more thing the GPU compute option is no longer active besides it was active before and worked with me.
I just figured out the problem. the sequencer in the output properties was checked on. to check it off go to Output Properties > Post Processing > Sequencer.
I'd just like to add my solution which bugged my mind an hour ago:
Blender has two options for rendering, which confused me at first, and might confuse others as well.
Render -> View Render will view the previous rendered image. However, if you've just opened Blender, then there's no previously rendered image of your viewport.
In order to render the viewport, you'll have to tap Render -> Render Image first. Then at a later stage you can do Render -> View Render to view that image.
I guess the same works for animations as well, first you'll need to do Render -> Render Animation to render your animation, then later do Render -> View Animation.
Encountered the same problem. Disabling the sequencer, as OP mentioned, didn't do anything. For me the problem was in the output path for animation; in Output Properties > Output.
My destination folder was moved (it was a very old project) and Blender seems to have no problem with rendering images to a folder that does not exist. However this is not the case with animation. I imagine that when rendering animation, blender uses the target folder to store rendered frames and when everything is rendered, takes the frames and makes the animation.
I do not have any insight into how blender works nor do I have experience with programming so take this as an uneducated guess.
;TLDR:
Check your destination folder, blender seems to be fine with rendering images to non existent folders. This is not the case with animations.
This should be a simple fix but I can’t figure it out. Please excuse my lack of posting my whole code.
Here is the issue. I am using the following
`
<v-card>
<v-img :src=“{{person.png}}”</v-img>
<v-card>
`
I have an array of users with profile images. Some of these images are different sizes ( some may be 400w other maybe 250w ). My issue is that because these images are different sizes, that they actually end up making my cards ( which are uniform in size ), different widths and height. This makes the cards ugly of course, and I need help on how to fix this.
Now, I had a friend build a react project, and I providing him with pictures, but the sizes were off. I fixed this by importing all images into Figma and making them all the same height and width, which, worked. However, for this project, this method isn’t working for me and I need a way to auto size these images so that my cards stay uniform.
I do not want to use the v-avatar feature, so please refrain from asking me, because these aren’t really “avatars”.
One “solution” I found was to use “contain” but I can’t find any information on contain in the documentation and I’m not sure if that would even work.
Unfortunately in some edge cases you cannot depend only on the components provided by a framework and you need to improvise. This issue sounds purely like a CSS one. Instead of using vuetify component you could try to create own component and just apply the avatar image as element's background-image inline property. Then you could use background-size: cover in order to preserve correct ratio of uploaded images.
I never found a 1 size fits all fix for this, but this is what I did to make it work out.
1. I imported all images to figma
2. I edited the images to all be the same size, then used the crop tool to "fit" them to the new "canvas" size
3. Within my v-img , I added "contain", which insured that the picture didn't get cut off or cropped when placing inside of a card.
Thanks for the help all.
When I render my model these black lines/patterns appear all over it.
I tried recalculating normals, deleted doubles, and checked for extra faces, but everything seems alright.
Other models that I created from the same base model are ok, so I really don't know where the problem comes from. In the picture they also have th same material so it's not that either.
The two rendered models side by side:
Anyone have an idea of how I can fix this?
Here's the Bleder project: https://drive.google.com/file/d/1lpDNymtcCWtBQTj1qoA3sKUWtzl_fJsV/view?usp=sharing
For some reason, you have double mirror modifier in second mesh, remove one of them
Now I could be wrong about this but after testing it all day, I have discovered...
When adding a widget and setting the z-index, the value "0" seems to be the magic depth.
If a widget's Z is at 0, it will be drawn on top of everything that's not at 0, Z wise.
It doesn't matter if a widget has a z-index of 99, -999, 10, -2 or what ever... It will not appear on top of a widget who's z-index is set to 0.
It gets more strange though...
Any index less than -2 or greater than 2 seems to create an "index out of range" error. Funny thing is...when I was working with a background and sprite widget, the background's Z was set to 999 and no errors. When I added another sprite widget, that's when the -2 to 2 z-index limitation appeared.
Yeah I know...sounds whacked!
My question is, am I right about "0" being the magic Z value?
If so, creating a simple 23D effect like making a sprite move being a big rock will take some unwanted code.
Since you can only set Z when adding,a widget, one must remove and immediately add back, with the new Z value...a widget.
You'll have to do this with the moving sprite and the overlapping object in question. Hell, I already have that code practically written but I want to find out from Kivy pros, is there a way to set z-index without removing and adding a widget.
If not, I'll have to settle for the painful way.
My version of Kivy is 1.9.0
What do you mean by z-order? Drawing order is determined entirely by order of widgets being added to the parent, and the index argument to add_widget is just a list index at which the widget will be inserted. The correct way to change drawing order amongs widgets is to remove and add them (actually you can mess with the canvases manually but this is the same thing just lower level, and not a better idea).
I found a working solution using basic logic based on the fact widgets have to be removed and added again in order to control depth/draw order.
I knew the Main Character widget had to be removed along with the object in question...so I created a Main Character Parent widget, which defines and control the Main Character, apart from its Graphic widget.
My test involves the Main Character walking in front of a large rock, then behind it...creating a 23D effect.
I simply used the "y-" theory along with widget attach and detach code to create the desired effect.
The only thing that caught me off guard was the fact my Graphic widget for my Actor was loading textures. That was a big no no because the fps died.
Simple fix, moved the texture loading to the Main Character Parent widget and the loading is done once for all-time.
PS, if anyone knows how to hide the scrollbars and wish to share that knowledge, it'll be much appreciated. I haven't looked for an API solution for it yet but I will soon.
Right now I'm just trying to make sure I can do the basic operations necessary for creating a commercial 23D game (handhelds).
I'm a graphic artist and web developer so coming up with lovely visuals won't be an issue. I'm more concerned with what'll be "under the hood" so to say. Hopefully enough, lol.
I've been trying to render the entire canvas in an IWebBrowser2 control to a bitmap. IViewObject::Draw seems to be the most promising approach, but I can't get it to render anything that would requires a scroll to show. While I could automate the scrolling and stitch the images together, this would look weird with any fixed position elements. Is this even doable?
Additionally, I've tried to set the controller's size to one that would allow the entire contents to display without needing to scroll, but Windows caps the max size to the current screen resolution, so that only gets me partially there.
Any help would be much appreciated. I'm currently doing this in the context of Win7 and IE8, but I don't think that should matter much.
Sorry it took so long for me to follow up with the answer to this.
I wrote up an article detailing how to trick Windows into allowing you to resize a window larger than the virtual screen resolution, allowing functions like PrintWindow or IViewObject::Draw to capture the entire client area (i.e., the browser canvas).
http://nirvdrum.com/2010/03/25/how-to-take-full-page-or-full-canvas-screenshots-in-windows.html
An actual implementation of the technique can be found in my SnapsIE repository on GitHub (username: nirvdrum). Unfortunately I don't have enough karma to post two hyperlinks. The repository is linked from the article though.
It is very likely an IE optimisation that avoid to draw more than required. You might be able to scroll the window and call IViewObject::Draw in a loop without any animation occuring ?
I'm surprised that Windows caps the max size to the current screen resolution. Are you sure about that ?