Home CMS Tutorial DEDECMS How to achieve picture carousel when uploading pictures in dedecms background

How to achieve picture carousel when uploading pictures in dedecms background

Dec 16, 2019 am 09:22 AM
dedecms

How to achieve picture carousel when uploading pictures in dedecms background

How to achieve image carousel when uploading images in dedecms background?

I have built several websites using dedecms, but the image carousel always requires manual code modification. Today I studied how to upload pictures in the background to achieve picture carousel.

Recommended study: 梦Weavercms

First of all, of course, it is to set up the columns of the website. My column name is Big Eyes (I chose it casually here). Inner space model: general article. Other settings are set according to your own needs (the article template and list template are defined by yourself).

Then, start making the picture carousel. Find index.htm in templates/default of dedecms. This is the default homepage template of dedecms. Open this, find the JS code for the image carousel and copy it into your own template.

Let’s change the code as needed. The dedecms image carousel has a title by default. I don't need this function here, so I removed it. Several places have been modified. textarr = new Array();var texts = "";First delete these two. (The first array variable is used to store the title, and the second variable is the title of the current picture.). In the dedecms code, there is a configuration variable with a description. You can modify it according to the description. Because I just want to delete the title, it is OK to delete the configuration related to the title. (End result: var configtg='2|3|1|_blank';). In the dedecms tag, delete: textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]"; and there is a loop to traverse the title below. Also delete. The dedecms image carousel here uses flash, so the parameters related to the title must be deleted in . After all this work is done, start adding pictures in the background. In the column you just created, create a new article, enter the article title

and select respectively, slideshow, scroll, picture, jump

where the jump URL comes out, enter what you want Jump to the address

and then upload the image. The image is uploaded here as a thumbnail, not the text of the article. Leave the article text blank.

After the picture is uploaded. Save and it’s OK.

How to achieve picture carousel when uploading pictures in dedecms background

The above is the detailed content of How to achieve picture carousel when uploading pictures in dedecms background. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1664
14
PHP Tutorial
1268
29
C# Tutorial
1243
24
Where is the imperial cms resource network template? Where is the imperial cms resource network template? Apr 17, 2024 am 10:00 AM

Empire CMS template download location: Official template download: https://www.phome.net/template/ Third-party template website: https://www.dedecms.com/diy/https://www.0978.com.cn /https://www.jiaocheng.com/Installation method: Download template Unzip template Upload template Select template

How to upload local videos to dedecms How to upload local videos to dedecms Apr 16, 2024 pm 12:39 PM

How to upload local videos using Dedecms? Prepare the video file in a format that is supported by Dedecms. Log in to the Dedecms management backend and create a new video category. Upload video files on the video management page, fill in the relevant information and select the video category. To embed a video while editing an article, enter the file name of the uploaded video and adjust its dimensions.

How dedecms implements template replacement How dedecms implements template replacement Apr 16, 2024 pm 12:12 PM

Template replacement can be implemented in Dedecms through the following steps: modify the global.cfg file and set the required language pack. Modify the taglib.inc.php hook file and add support for language suffix template files. Create a new template file with a language suffix and modify the required content. Clear Dedecms cache.

What website can dedecms do? What website can dedecms do? Apr 16, 2024 pm 12:24 PM

Dedecms is an open source CMS that can be used to create various types of websites, including: news websites, blogs, e-commerce websites, forums and community websites, educational websites, portals, other types of websites (such as corporate websites, personal websites, photo album websites, video sharing website)

What loopholes does dedecms have? What loopholes does dedecms have? Aug 03, 2023 pm 03:56 PM

DedeCMS is an open source content management system that has some potential vulnerabilities and security risks: 1. SQL injection vulnerability. Attackers can perform unauthorized operations or obtain sensitive data by constructing malicious SQL query statements; 2. File Upload vulnerability, attackers can upload files containing malicious code to the server to execute arbitrary code or obtain server permissions; 3. Sensitive information leakage; 4. Unauthenticated vulnerability exploitation.

How to use dedecms How to use dedecms Apr 16, 2024 pm 12:15 PM

Dedecms is an open source Chinese CMS system that provides content management, template system and security protection. The specific usage includes the following steps: 1. Install Dedecms. 2. Configure the database. 3. Log in to the management interface. 4. Create content. 5. Set up the template. 6. Manage users. 7. Maintain the system.

How to change pictures in dedecms How to change pictures in dedecms Apr 16, 2024 pm 12:27 PM

Steps to modify images in DedeCMS: Log in to the DedeCMS backend. Visit the System > Media Management page. Select the image you want to edit. Click the "Edit" button. Modify image titles, descriptions, tags, and copyright information. Crop or resize picture. Click the "Save" button to save changes. Return to the media management page and click the "Update Image Library" button to apply the changes to the site.

How does dedecms implement template replacement? How does dedecms implement template replacement? Apr 16, 2024 pm 12:21 PM

To implement template replacement in DedecMS, you need to perform the following steps: Determine the template file to be replaced. Common files include index.htm, list.htm and show.htm. Create a new template file, retaining the DedecMS markup. Upload the new template file, overwriting the original file. clear cache. Refresh the site to see the changes.

See all articles