Friend request, do a multiple screen picture switching effect, as a website advertising, just started to hear this request, I thought must be very simple copy on the line. But friends have further requirements, is to manage after the site management, add pictures, links and titles. You can also edit this information. The front desk does not have to modify the foreground code every time it is updated.
Then the friend has this request, insus.net just d
This example for you to share the JS picture Carousel Specific implementation code, for your reference, the specific content as follows
One, HTML code section (et.thtml):
Second, CSS Code section (STYLEET,CSS):
#main span{
width:22px;
height:38px;
Position:absolute;
Display:inline-block;
Cursor:pointer;
Background:url (".. /images/1.png ") no-repeat 0 0;
}
. span1{
background-position:0 0;
left:20px;
top:90px
}
. sp
This function can be implemented by some software, and we will open PS or other image processing software as shown below.
1, open the PS software, and then we import add fingerprint pictures
2, click on the cutting function, and then the fingerprint of this part of the cut off
3, will cut down the two-dimensional code to save as in any one of the computer folder inside
4, save, and then click on the page "jigsaw", click on "Picture
Scale picture and cut picture code sharing with PHP
/** * Picture scaling function (can be set height fixed, width fixed or maximum width, support gif/jpg/png three types) * author:specs * * @param string $source _path source picture * @param int $target _width Target Width * @param int $target _height Target He
Workaround one: IE6 hack script
Copy Code code as follows:
Workaround two: IE6 hack annotation
Copy Code code as follows:
Solution three: IE6 hack style
Copy Code code as follows:
HTML {}
{
Filter:expression (Document.execcommand ("Backgroundimagecache", False, true));
}
However, the above methods can not solve the problem of using innerHTML in the image, Microsoft Official explanation reference: http://support.micro
Image processing does not require a large number of layers. You can even optimize the processing of a picture to 15 layers if you use the appropriate smart object. So now, let's take a look at the 10 techniques used to deal with pictures.
1. Convert Layers to smart objects
Smart objects as one of the most important non-destructive editing techniques, but not widely used, is a very strange thing. Smart objects also belong to layers, but more dexterou
Part of the HTML tag, for informational purposes only//write outside, hide display, position cue picture location. clsimg{Position:absolute;border:1px solid #ccc;width:200px;height:200px;Display:none;}JS Partial realization Function:
Upload the class with CodeIgniter upload pictures, is clearly jpg format picture, but CI is always recognized as a application/octet-stream type, resulting in upload failure, collected the following data, the solution is as follows:
Open the FileInfo extension in php.ini to get the correct type:
Copy Code code as follows:
Windows
Extension = Php_fileinfo.dll
LinuxExtension = fileinfo.so
Note: About FileInfo
An alternative function
The example of this article describes the method of jquery to display large image when the mouse is sliding over a small picture. Share to everyone for your reference. The implementation methods are as follows:
Copy Code code as follows:
I hope this article will help you with your jquery programming.
Recently there is a function to upload pictures, and then realize the picture preview, because the project is older, at the same time the interface and user experience also requires not too high, did not go to find the online open source Plug-ins, directly wrote a simple function, here to do a record backup
Because this is an experimental small code, there is no too much validation and interface adjustment
can be implemented in random order deletion
This tutorial introduces the making method of the beautiful wedding slice. Of course the more perfect the effect, the more thoughts to spend. Need to start from all angles, as far as possible to make the picture beautiful. The author of the general production process: first of the material to pull the map, the character part of a separate layer. Then add the background to the character, and then decorate the wings and so on. Later touches and add deco
Tan or light brown are more nostalgic color, more suitable for the location of the image palette. When the color palette can be divided between the characters and background color, the background part of the light yellow-brown, the characters and highlights of the light is mainly yellowish, not too bright overall.Original
Final effect
1, open the original material, create curve adjustment layer, green, blue ad
js| page
JS code (wherever to put):
Where the pictures are used:Width= "180" height= "110" Note that here is the best qualification, if you do not limit the load map will become the original large, and then shrink, this process if the picture is very difficult to see. Here is the width and height, in the front of JS change, here also make the corresponding change.
The figure will not deform, will only be reduced by the column, rest assured
jquery verification upload picture with size verification and picture preview effect*/
function Submit_upload_picture () {
var file = $ (' File_c '). Value;
if (!/. ( gif|jpg|jpeg|png|gif|jpg|png) $/.test (file)) {
Alert ("Picture type must be one of the. Gif,jpeg,jpg,png")
}else{
$ (' Both_form '). action= "File!upload.action";
$ (' Both_form '
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.