how to create a 3d content gallery site like this http://digital-deadly-sins.theguardian.com/#/Grida with out using flash. any jquery plugin or themes available
See comments on the begining of file below:
http://digital-deadly-sins.theguardian.com/js/main.js
There is list of used scripts. Nice new knowledge ;-)
Kind regards,
A.
Related
I created a photo gallery in WordPress, but the above gallery has a problem due to the interference of plugins. For some reason I can not remove plugins, Otherwise I would have done it.
So I said may be it could programmatically create an image gallery and add it to WordPress.But I do not know how to do it. I also do not know what code to use - html, css, js, php, etc. I only know a little bit about html.
Thanks for consulting me on this
Hoping to eradicate Covid-19
My recommendation is to find a gallery plugin that is compatible with your version of wordpress and has the features you're looking for or use the built in gallery from wordpress if you're using a theme that supports it. Scope it out here https://wordpress.org/support/article/the-wordpress-gallery/.
Hand coding is definitely one route to take but with having a small amount of html knowledge the plugin route may be your best bet until you can grow those other skills.
I am creating a website in WordPress and I am using DIVI theme.
I need help to create an interactive timeline for a project. The example site is: https://evianexperience.com/en. This is the exact thing I want to implement.
Please see me web layout (https://snag.gy/IKF13r.jpg) to get an idea, what actually I need it for.
I have tried to use Interactive Storytelling (https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/) but it didn't worked either.
You could try scroll magic, seems to have plenty of features to achieve what you need.
http://scrollmagic.io/
Also I think skrollr will still work but it's pretty old
https://github.com/Prinzhorn/skrollr
If you need exactly what they have, looks like they are using some product called greensock, probably even this module: https://greensock.com/drawSVG and also ScrollMagic to control the animation by scrolling. A tutorial I found online with different animation https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/
I don't think you could do it with Divi alone, you can definitely try just some scroll plugins which are free. Otherwise you could see if greenstock's free/business license works for your project.
I have designed a log-in page in photoshop, saved the image in png format. but I dont know how to use this image in asp.net web page. Please help in this concern or show me the resource or the way I can design a good log-in without compromising on polished look and functionality.
Thanks
Changing a PSD Template into a CSS Template is not a easy task as it seems. Comprises may steps.
You have to following steps.
Slice the images in your psd template.
Export the images
Try to minimize the use of photoshop generated slices as less as possible. You should try to recreate the effect using CSS the best you can.
You can first try this into Table Structure, which is the default way Photoshop exports the slices and the HTML.
Later on, create a table less layout. It should be pretty easy once you have created the table layout.
I am assuming, you know how to find the tutorials, regarding the steps I have mentioned above.
You need to cut the Photoshop image into several small images, and then use css to style it. I recommend you to learn html and css.
You can have a look at this tutorial on how to create a webpage from a Photoshop file.
slice the psd file or copy merge ,and convert it into html page by using <div> and css. And name it as indexloginpage.html after converting .html what u have created the same in photoshop.
Rename the indexloginpage.html to indexloginpage.aspx and open this file in visual studio.
Apply code as per ur requirements.
In Drupal, is there a way to create new content (based on a content type that uses CCK) in a popup or lightbox or similar technique?
There are at least two worlds that I know of:
http://drupal.org/project/popups_reference which uses http://drupal.org/project/popups
and
http://drupal.org/project/noderelationships which uses http://drupal.org/project/modalframe
Both of these are about creating the node in a modal in order to reference it via a node reference field. There might be ones for more general purposes, or you could probably adapt one of those. I've been enjoying noderelationships lately. Haven't tried the other recently.
The projects sprugman refers to are useful when you need to create a referenced node while you're adding another node. If you simply want to make the /node/add/[contenttype] link to open in a lightbox, try the Lightbox2 module.
There is a great module in Drupal automodal that works with Modal Frame API. What you need to do is simply add a new class 'automodal' to your links... and the magic is done for you.
Another one is the Modal Nodereference module. Here is a quote about it (from the module's project page):
... turns the nodereference widget into a modal popup allowing new linked nodes to be created on the fly. Because it uses an iframe, it should support even Javscript and file uploads within the sub-node.
The big feature: It should work with editors, image fields, and all of those other JavaScripting things. We built it precisely to meet those needs. We started with modalframe, instead of one of the other popup libraries, because we knew that we could make this work with TinyMCE, CKEditor, and ImageField -- libraries that have difficulties dealing with other popup APIs.
It depends on the Automodal module, as well as the excellent Modal Frame API module.
I want a really nice way to load in pictures onto a webpage, like a portfolio of my work (let's say it's pottery that I sell on the web) - various fade effects and the like - what can you recommend? Is there something in JQuery?
Thanks
The most popular are probably:
lightbox
lightbox2
thickbox jquery plugin
There are plenty of jQuery plugins that will do this for you. One that I like is the Cycle plugin. There is also Cycle Lite if you don't need as many effects. For more you can search the jQuery plugin database for slideshow or carousel -- and perhaps other keywords.
I really love fancy
I'm using the LightBox on my website and have not found anything easier to work with. Best of all it is free. Here is an example of the implementation on my website.
Italy Pictures
You can download the Lightbox code here...
Lightbox 2 may be worth a look. Nice way of loading images from thumbnail links. Very simple to implement too.
Besides what has already been mentioned, I have used slideshowpro and really like it. A very inexpensive download (like $20 or something like that), its free to try, and widely used. It is a flash plugin however, so you need to be OK with that (you don't need to know flash to use it)
Its use xml files to define the gallery/pictures and has a lot of easily configurable options. Also has an add-in for Picasa that will automatically generate the XML for you from a list of files.
http://slideshowpro.net/